Design & UX

Generate animation-rich HTML presentations with visual style previews. Useful for online keynotes, embedded talks, and interactive briefs.

Full-stack frontend with cinematic animations, AI-generated media via MiniMax API, and generative art. Useful for hero pages and showcase sites.

Frontend design and UI/UX development tools for shipping production-ready interfaces with strong typographic and layout discipline.

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

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

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

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

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

Implement animated effects, transitions, and motion in Flutter apps. Useful for native iOS/Android motion design.

Read, create, and edit .docx documents with formatting and layout fidelity via OpenAI's document skill.

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

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

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

Teaches the agent to produce D3 charts and interactive data visualizations. Useful for editorial dashboards, reports, and explanatory graphics.

Create a concise HTML pitch deck for an early-stage product, with a strong narrative arc and finance-ready slide structure.

Create a polished operations dashboard prototype with dense KPIs, status tables, and a focused command-center layout.

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

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

Apply Anthropic's official brand colors and typography to artifacts for consistent visual identity and professional design standards. A reference for shaping your own.

Create interface designs, wireframes, and design systems. Masters user research, accessibility standards, and modern design tools.

Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.

Premium design system blueprint (Apple-style) — Inter typography, clean modern aesthetic, 4pt spacing scale. Strict K3 implementation guide for polished SaaS Next.js 15 apps.

Luxury design system blueprint — dark surfaces, Oswald typography, bold expressive headings, 8pt grid. Strict K3 implementation guide for premium dark-mode Next.js 15 apps.

Glassmorphism design system blueprint — frosted glass effects, backdrop-blur, liquid depth. Strict K3 implementation guide for complex UI layering in Next.js 15 apps.