Design skills for AI agents
Skills for design work: UI and UX critique, presentations, visual systems, and brand consistency your agent checks against.
44 skills · every one included with AgentVolt Pro
Frontend UI UX Skill (oh-my-opencode)
A frontend UI and UX focused skill from the oh-my-opencode toolkit.
Mobile App UI Design Skill
Guides Claude in designing native feeling mobile app interfaces.
shadcn/ui Skill
The official shadcn/ui component-library skill for Claude.
UI UX Pro Max
A Claude skill that adds design intelligence for multi-platform UI/UX builds.
UI Polish Slash Commands
Add 20 plus verb-first commands like /polish, /quieter, /bolder, /delight, /critique to any Claude Code UI project.
Motion Polish Pass
Add Emil Kowalski-style animation and micro-interaction guidance to any Claude Code UI pass.
Claude Design Wireframe To High-Fi Handoff
Prompt Claude Design for three wireframe variations, refine one to high-fidelity, then hand off to Claude Code with the /handoff command to keep iterating locally.
Premium Frontend UI Skill
Pushes generated frontend UI toward a premium, polished visual style.
Presentation Deck Builder
The official PPTX skill that builds a full slide deck from a single prompt, following any topic, slide count, tone, and color scheme you specify.
Product UI Spec Memory
Store spacing grids, palettes, depth strategy, and patterns in a system.md so Claude never forgets them between sessions.
Web UI Accessibility Audit
Run any web page or component through 100 established rules covering accessibility, layout, semantics, and performance.
interaction-design
A Claude skill focused on interaction-design best practices for AI-generated interfaces.
Interaction Timing Enforcer
Peer-review UI code against animation timing, touch-target size, and forgiveness-pattern rules.
Tasty
An "anti-slop framework" that infers a design language before building a UI and lets you dial layout experimentation and animation intensity on a 1-10 scale, so the same prompt produces genuinely different, non-generic results.
Web Asset Generator (Favicon, OG, Emoji)
Produce favicons, Open Graph images, and custom emoji from a URL plus brand color inputs.
Taste Skill
Gives Claude a consistent aesthetic point of view so generated UI stops looking like generic AI output.
Material 3 Skill
Teaches Claude Google Material 3 design system conventions.
Brand Guidelines Enforcer
Encode your brand rules (hex codes, fonts, spacing, logo usage, tone) once so Claude enforces them across every artifact it generates.
Theme Factory
Ten pre-built professional themes (curated color palette plus paired fonts) applied consistently across slides, docs, web pages, dashboards, or any artifact Claude generates.
Shot Builder Skill
Builds character sheets, location plates, and full video prompt sequences for AI filmmaking from one prompt.
Awesome Design MD
A curated design-guidelines markdown skill that gives Claude opinionated, high-quality design conventions to follow.
Figma to Code (Implement Design)
Translate a Figma URL into production-ready code with one-to-one visual fidelity using the Figma MCP server, mapped to your project's component conventions.
Emil Kowalski Skill
A Claude skill based on designer/engineer Emil Kowalski interaction and animation design principles.
Single-Prompt Landing Page
One prompt yields a modern responsive landing page you can iterate visually with plain English.
AI Component Metadata
Generates AI-ready metadata for existing design system components.
Agentic Design Systems
Designs, scaffolds, extends, or audits a component library whose primary consumer is an AI agent, not just humans.
Taste
Teaches Claude what good design actually looks like, eliminating generic gradients, overused glassy/blur effects, and the telltale "AI-generated" look from any interface it builds.
Expo Building Native UI Skill
Official Expo skill for building native feeling UI in Expo apps.
SwiftUI Skill
Gives Claude structured SwiftUI development expertise.
Color Expert Skill
Over 100 markdown reference files covering color science and visual hierarchy.
Front-End Designer Hero Section
Load the front-end design skill file into the Claude Code skills folder so /frontend-design one-shots premium landing-page hero sections.
ShadCN Project-Aware Generator
Read your ShadCN setup and generate components that use current names, patterns, and your installed variants.
GSAP Skill
Teaches Claude Code how to build smooth GSAP-powered animations.
Presentation Builder
Creates polished single-file HTML/CSS/JS slide deck presentations with animations, keyboard/click/swipe navigation, and progressive bullet reveal.
interface-design
A Claude skill focused on interface-design best practices for AI-generated interfaces.
Frontend Design (Anti-AI-Slop UI Generator)
Design UI that avoids AI slop by forcing Claude through a design thinking pass on purpose, tone, constraints, and differentiation before writing any code.
All design skills
Browse other categories
Questions
What exactly is a skill?+
A packaged set of instructions your AI follows — a sales-call framework, an audit checklist, a content system. You install it once and your agent knows how to run that workflow.
Do I need to know how to code?+
No. Installing a skill is unzipping a folder into your agent’s skills directory, or connecting the AgentVolt MCP once and letting your agent pull skills itself.
Which AI tools does this work with?+
Every skill uses the open SKILL.md standard, so the same file works in Claude, ChatGPT, Cursor, Codex, Gemini, and 20+ other agents. No per-tool versions.
Is it really every skill?+
Yes — one subscription unlocks the entire library, including new skills as experts publish them. There is no per-skill checkout and no usage limit.
Can I cancel?+
Anytime, from your billing dashboard. You keep any skill files you have already downloaded — they are plain files on your machine, not licensed software that phones home.
Are the skills safe to install?+
Every skill is automatically scanned for dangerous commands, hardcoded secrets, obfuscated code, and suspicious network access, then reviewed before it goes live.