openCodeConfig

Create generative art using p5.js with seeded randomness so every render is reproducible. Useful for procedural posters, motion-style stills, and artistic frame studies.

article-magazine

Huashu / huashu-md-html-inspired magazine article layout for turning Markdown or notes into a polished long-form HTML essay.

推特金句 / 数据卡, 适合配推文

小红书风格知识卡片, 多张联排可滑动浏览

把 CSV/Excel/JSON 数据转成漂亮的可视化报告页

deck-guizang-editorial

电子杂志 × 电子墨水; 10 个版面 + 5 套调色板 (墨水/靛蓝瓷/森林墨/牛皮纸/沙丘)

deck-open-slide-canvas

锁死 1920×1080 画布, React 组件级自由组合, 不绑模板

deck-swiss-international

16 列网格 + 单一饱和 accent + 22 个锁死版面 (Klein Blue / Lemon / Mint / Safety Orange)

doc-kami-parchment

暖羊皮纸底 (#f5f4ed) + 墨蓝单色 accent (#1B365D) + 单一衬线字体, 编辑级排印

docx

Editores de desktop

Create, edit, and analyze Word documents with tracked changes, comments, and formatting. Useful for design briefs, copy docs, and review-ready deliverables.

frame-data-chart-nyt

NYT-newsroom 排版 + 错峰揭示动画 + 编辑级图表 (折线/柱/范围带)

frame-flowchart-sticky

SVG 曲线连接 + 便利贴节点 + 光标交互, 像白板 brainstorm

frame-glitch-title

数字故障 / 像散偏移 / 数据腐败标题, 适合视频转场 / cyberpunk hero

frame-light-leak-cinema

胶片漏光 + 颗粒噪点 + 16:9 letterbox + 衬线大字, 电影感开场 / 章节卡

frame-liquid-bg-hero

WebGL 风流体置换背景 + 顶部叠加金句, 适合视频片头 / landing hero / 海报

frame-logo-outro

Logo 分块组装入场 + glow bloom + tagline 揭示, 适合视频片尾 / 品牌闭幕

frame-macos-notification

拟真 macOS 通知 banner + app icon + 标题正文, 适合 video overlay / 产品发布预告

mockup-device-3d

iPhone + MacBook 仿 GLTF 静态展架, 屏幕内嵌真实 HTML 内容, 玻璃镜头折射, 360° 转盘构图

pdf

Extract text, create PDFs, and handle forms. Useful for press releases, branded one-pagers, and printable design deliverables.

竖版海报 / 朋友圈分享图, 强视觉冲击

苹果 Keynote 级别幻灯片, 一屏一卡, 键盘左右切换

pptx

Read, generate, and adjust PowerPoint slides, layouts, and templates. Useful for executive decks, training material, and product reviews.

resume-modern

现代极简简历, A4 单页, 适合打印或导出 PDF

slack-gif-creator

Create animated GIFs optimized for Slack with validators for size constraints and composable animation primitives.

social-reddit-card

拟真 Reddit 帖子卡 + 上下投票 + 评论数, 适合视频叠加 / 故事分享

social-spotify-card

Spotify Now Playing 风格卡: 专辑封面 + 进度条 + 播放控制, 适配视频叠加 / 个人主页

social-x-post-card

拟真 X 推文卡片 + 互动数据 (likes/reposts/views), 适配视频叠加或图卡分享

vfx-text-cursor

光标拖光 + 彩色像散射线 + 定向光斑, 适合视频片头逐字揭示金句

video-hyperframes

Hyperframes / Remotion 兼容的连续帧动画, 可自动播放

Designers de interfaces web e digitais

open-design

Design generation engine — create decks, prototypes, images, design systems, social cards, mockups, diagrams, brands. Use when asked to design anything visual, create presentations, generate branding, build UI mockups, or produce design artifacts.