Design & UX

Create, repair, validate, preview, and package Codex-compatible animated pet spritesheets from character art, screenshots, generated images, or visual references. Use when a user wants to hatch a Codex pet, create a custom animated pet, or build a built-in pet asset with an 8x9 atlas, transparent unused cells, row-by-row animation prompts, QA contact sheets, preview videos, and pet.json packaging. This skill composes the installed $imagegen system skill for visual generation and uses bundled ...

GSAP Timelines with sequencing, position parameter, labels, nesting, and playback control. Useful for orchestrating multi-step motion sequences.

GSAP ScrollTrigger for scroll-linked animations, pinning, scrub, and refresh handling. Useful for editorial sites and product pages.

GSAP React integration with useGSAP hook, refs, gsap.context(), cleanup, and SSR. Ships safe motion in React + Next.js apps.

Core GSAP API with gsap.to(), from(), fromTo(), easing, duration, stagger, and defaults. Production-grade web animation primitives.

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.