design-visual-storyteller
Use when Codex should act as the Visual Storyteller specialist from Agency Agents. Expert visual communication specialist focused on creating compelling visual…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-06 00:14
Design & creation
22,106 results
marketing-short-video-editing-coach
Use when Codex should act as the Short-Video Editing Coach specialist from Agency Agents. Hands-on short-video editing coach covering the full post-production…
video
When the user wants to create, generate, or produce video content using AI tools or programmatic frameworks. Also use when the user mentions 'video…
ui-ux-pro-max
UI/UX design intelligence. 67 styles, 96 palettes, 57 font pairings, 25 charts, 13 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter,…
better-gradient
Design and suggest offline gradient presets from a bundled catalog, prioritizing hue-family matching before inventing new ramps and defaulting to OKLCH or…
export
c2d2c c2d pipeline — the rules and process for exporting anything from code INTO Figma (code-to-design), UI components, state matrices, and design…
restore
c2d2c d2c pipeline — the standard eight-step workflow for implementing or updating UI from Figma designs. Use EVERY time the user provides figma.com/design/...…
iceberg-best-practices
Apache Iceberg best practices for table design, partitioning, compaction, catalog configuration, and multi-engine lakehouse management
stitch-design-system
Configures visual theming and branding for Google Stitch projects through the stitch MCP server — design systems, design tokens, color palettes, typography,…
stitch-screens
Use when the user wants to generate a screen, create a mockup, produce a new page design, add a screen to a Google Stitch project, or otherwise turn a text…
carocut-media-audio
Audio asset generation and acquisition. Batch Edge TTS narration generation (supports storyboard pacing field-driven speech rate), BGM/SFX retrieval (BGM rhythm matching BPM rules), audio duration extraction. Includes Edge voice configuration, speed adjustment rules, durations.json format specification (including audio_visual_relation...
carocut-media-visual
Visual asset acquisition and generation. According to the resources.yaml definition, acquire visual assets through stock image/video search (Pexels/Pixabay) or AI image generation (Caro LLM). Includes search strategies, visual metaphor search (counterpoint audio-visual relationship), framing-aware search (framing field), prompt engineering guidelines, and asset quality assessment criteria.
animated-video-philosophy
Story-first motion design philosophy for animated video: motion must earn its place; arc (establish, complicate, resolve); show vs tell; shots as units of…
cinematic-product-promo-plan
End-to-end production plan template for feeling-first cinematic product promos: brief interrogation, 45s beat structure (cold open through brand), hero-element…
example-lottie
Lottie integration patterns for Helios. Use when rendering Lottie (Bodymovin) JSON animations synchronously with Helios.
example-p5-animation
Learn how to use P5.js with Helios. Use when creating creative coding sketches or generative art.
example-pixi
PixiJS integration patterns for Helios. Use when creating high-performance WebGL 2D animations with PixiJS.
example-tailwind-animation
Learn how to use Tailwind CSS with Helios. Use for styling compositions and animating with utility classes.
ui-review
Review UI code for design system compliance, accessibility, and best practices
ui-setup
Interactive setup wizard — guides you step-by-step to configure the design system for your project
ux-audit
Audit screens for UX issues using Nielsen's heuristics and modern mobile UX best practices
ux-feedback
Add appropriate user feedback states (loading, success, error, empty) to a component or page
better-interface
Cross-discipline interface review and build that coordinates better-accessibility, better-layout, better-writing, better-typography, better-colors and…
better-typography
Web typography from choosing fonts to spacing, wrapping and accessibility. Use when picking or pairing typefaces, configuring variable fonts or OpenType…