Design AI Skills

Create or modify Voyager declarative plugins, site adapters and native primitives.

voyager-crew

Art direction for AI-built websites and app screens, with real imagery, separate page and app workflows, and browser inspection. The main entry is design-taste-frontend.

Leonxlnx

Define activation and improve first-run journeys, empty states and onboarding messages.

Corey Haines

Create continuous-motion product launch films and feature demos with a coding agent.

Patrick

Create keyframed clips, character state machines, blend spaces, and procedural UI or gameplay tweens.

Abhishek Barali

Two skills turn UI components into monochrome HTML specification sheets and animate finished drawings with camera moves and exploded layers.

Enes Ozturk

Design and build marketing pages, cinematic scroll experiences, and multi-screen products through a staged brief, asset, and implementation workflow.

AGI White List

Build responsive UI components with project design systems, accessible interactions and complete application states.

Addy Osmani, Federico Bartoli and Joan León

Polish interface surfaces, icons and motion using the existing UI system.

Jakub Krehel

Analyze a Figma file into a graph of screens, components, instances and design tokens.

Egonex-AI

Build and audit palettes, semantic color tokens and measured contrast.

Jakub Krehel

Create or edit Lottie animation scenes and inspect their playback in the project’s Skia Skottie player.

Diffusion Studio

Add layered feedback through trauma-based screen shake, hit-stop, eased motion, squash and stretch, knockback, and audio cues.

Abhishek Barali

Animate a still image into a short seamless loop, or split it into PSD and PNG layers. A local Claude Code plugin by Lemomo, free for non-commercial use.

Lemomo

Plan and build scroll-driven landing pages with a defined visitor journey, dimensional hero sections, and a distinctive interaction direction.

Nate Herk

Build multi-component HTML artifacts with React, state management and a bundled delivery workflow.

Anthropic

Write page copy that connects customer language, benefits and a clear next action.

Corey Haines

The official shadcn/ui skill for AI agents. Find, add, compose, customize, and debug UI components using your project configuration, current component docs, and the shadcn CLI.

shadcn

Apply one of ten documented color-and-font themes to existing artifacts, or create a custom theme.

Anthropic

Refine interface colors, layouts, components and motion with the core antislop design rules.

miqdadbadjuber

Turn a poster brief into structured prompts with audience, message, density, emotion, color and illustration style.

yang0

Explain how a website, visual effect or animation works from a URL or screenshot.

Jakub Krehel

Set and review type scales, spacing, font features and text wrapping.

Jakub Krehel

Direct and render short films from code with a library of visual styles, story planning, animation, optional narration and music, and editable project delivery.

Lemomo

Design and redesign interfaces, presentations, and graphics on the Superdesign canvas, then continue toward implementation from the selected design.

Superdesign

Extract and apply a design's tokens, qualitative style, and visual effects when defining a design direction or rebuilding an interface.

zanwei.guo

Design and compare coordinated logo, typography and colour systems, then create a brand guidelines kit for the chosen direction.

Fatih Aydost

Review products and design through focus, end-to-end experience and the intersection of technology and the humanities.

Huashu (花叔 / alchaincyf)

Plan upgrade triggers, value framing and clear in-app purchase decisions.

Corey Haines

Review a branch, pull request or uncommitted change for introduced UI regressions.

Jakub Krehel

Create animated isometric sticker icons with configurable colours, facing directions and keyframe motion.

Kelvin Adithya