# Skills for Design Skills for Design: what each one does, an install command and example prompts. 2133 cards · page 15 of 54 - HTML: https://affpapa.org/en/nevibecode/skills/topic/design?page=15 - Instructions for agents: https://affpapa.org/en/nevibecode/agents.md - [gsap-scrolltrigger-storytelling](https://affpapa.org/en/nevibecode/skills/gsap-scrolltrigger-storytelling.md) — skill · MengTo · Claude Code, Codex, Cursor +3 · 1800 installs — A skill for scroll-driven product storytelling: pinned scenes, progressive UI reveals and transitions between sections, built on GSAP ScrollTrigger. - [app-icon-optimization](https://affpapa.org/en/nevibecode/skills/app-icon-optimization.md) — skill · appeeky · Claude Code, Codex, Cursor +3 · 2700 installs — Audit, design and A/B test your app icon to lift tap-through rate in App Store search and browse. - [asset-spec](https://affpapa.org/en/nevibecode/skills/asset-spec.md) — skill · Donchitos · Claude Code, Codex, Cursor +3 · 431 installs — Turns your GDDs and character profiles into per-asset visual specs and image generation prompts. - [huashu-motion](https://affpapa.org/en/nevibecode/skills/huashu-motion.md) — skill · 花叔 · Claude Code, Codex, Cursor +3 · 827 installs — Creates motion graphics, launch videos, and explainers as editable code. - [excalidraw-skill](https://affpapa.org/en/nevibecode/skills/yctimlin-excalidraw-skill.md) — skill · yctimlin · Claude Code, Codex, Cursor +3 · 510 installs — This skill gives an agent a live Excalidraw canvas for diagrams, file exchange, and scene edits. - [presentation-deck](https://affpapa.org/en/nevibecode/skills/presentation-deck.md) — skill · Owl-Listener · Claude Code, Codex, Cursor +3 · 3100 installs — The skill lays out a design presentation around one audience and one decision, from hook to the ask. - [figma-codegen](https://affpapa.org/en/nevibecode/skills/figma-codegen.md) — skill · awdr74100 · Claude Code, Codex, Cursor +3 · 1300 installs — Generates framework-aware frontend code from Figma designs while reusing existing project components and design tokens. - [immersive](https://affpapa.org/en/nevibecode/skills/immersive.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2300 installs — Generates design system guidelines for exhibit-style interfaces with a deep green canvas, Oswald display typography, and hard shadows. - [claude](https://affpapa.org/en/nevibecode/skills/claude.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2300 installs — Turns your agent into a design-system author: warm parchment surfaces, near-black ink, one restrained accent. - [tetris](https://affpapa.org/en/nevibecode/skills/tetris.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2300 installs — A skill that makes the agent write design-system guidance in the spirit of the classic block game: playful colors, bold display type, compact layouts. - [pacman](https://affpapa.org/en/nevibecode/skills/pacman.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2300 installs — Guides coding agents to build 8-bit arcade design systems with pixel typography, dotted borders, high-contrast tokens, and strict WCAG 2.2 AA accessibility. - [lingo](https://affpapa.org/en/nevibecode/skills/lingo.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2300 installs — This skill guides bright, friendly interface design with clear tokens and component rules. - [perspective](https://affpapa.org/en/nevibecode/skills/perspective.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2300 installs — Turns the agent into a design-system author for isometric layouts, vanishing points and layered depth. - [expressive](https://affpapa.org/en/nevibecode/skills/expressive.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2300 installs — Guides AI agents to author design system rules with bold colors and IBM Plex Mono typography. - [skeumorphism](https://affpapa.org/en/nevibecode/skills/skeumorphism.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2300 installs — This skill guides skeuomorphic UI work with textures, 3D effects, and familiar physical metaphors. - [neon](https://affpapa.org/en/nevibecode/skills/typeuish-neon.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2300 installs — Turns your coding agent into an author of Neon design-system guidance: high-contrast color pairings, glow effects, tokens instead of raw values. - [retro](https://affpapa.org/en/nevibecode/skills/typeuish-retro.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2300 installs — Sets up a vintage design system with high-contrast palettes, Macondo typography, and WCAG 2.2 AA accessible component guidelines. - [vibrant](https://affpapa.org/en/nevibecode/skills/vibrant.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2300 installs — Gives your agent a full set of rules for a lively UI: color tokens, type scale, spacing and accessibility. - [levels](https://affpapa.org/en/nevibecode/skills/levels.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2300 installs — A skill that hands your coding agent the Levels design system: color tokens, component states, accessibility rules. - [dithered](https://affpapa.org/en/nevibecode/skills/dithered.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2300 installs — Provides design system guidelines for dithered dot-pattern aesthetics. - [fantasy](https://affpapa.org/en/nevibecode/skills/fantasy.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2300 installs — A game-inspired design-system skill for bold fantasy UI. - [mono](https://affpapa.org/en/nevibecode/skills/mono.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2300 installs — Turns your agent into a design-system author for a matrix-flavoured look: monospace type, high contrast, compact density. - [vintage](https://affpapa.org/en/nevibecode/skills/vintage.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2300 installs — Generates retro design-system specifications with skeuomorphic details, pixel typography, and strict accessibility criteria. - [cafe](https://affpapa.org/en/nevibecode/skills/cafe.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2300 installs — This skill gives coding agents a cafe-inspired UI system with warm colors, soft type, and clear layout rules. - [flat](https://affpapa.org/en/nevibecode/skills/flat.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2400 installs — Gives your coding agent a flat-design rulebook: tokens, type scale, component states and accessibility. - [dramatic](https://affpapa.org/en/nevibecode/skills/dramatic.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2300 installs — Generates high-contrast design system guidelines with dark surfaces and Outfit typography. - [ant](https://affpapa.org/en/nevibecode/skills/ant.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2400 installs — A skill that hands your agent the Ant Design rulebook: tokens, component states, accessibility. - [agentic](https://affpapa.org/en/nevibecode/skills/agentic.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2400 installs — A skill that gives the agent a design-system rulebook for conversational AI interfaces: tokens, component states and accessibility checks. - [cosmic](https://affpapa.org/en/nevibecode/skills/cosmic.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2400 installs — Applies a futuristic sci-fi design system with dark themes and neon accents. - [artistic](https://affpapa.org/en/nevibecode/skills/artistic.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2400 installs — Gives your coding agent a design-system rulebook: high contrast, expressive type, bold color tokens. - [friendly](https://affpapa.org/en/nevibecode/skills/friendly.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2400 installs — This skill makes the agent author design-system guidelines in a friendly style: rounded shapes, generous whitespace, soft pastels. - [bold](https://affpapa.org/en/nevibecode/skills/bold.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2400 installs — This skill guides agents to write design system documentation with heavy typography and WCAG 2.2 AA accessibility. - [gradient](https://affpapa.org/en/nevibecode/skills/gradient.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2400 installs — The skill turns your agent into a design-system author: tokens, type scale, component states and accessibility criteria for gradient-rich UI. - [colorful](https://affpapa.org/en/nevibecode/skills/colorful.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2400 installs — A design-system skill that hands your agent tokens, type scale, component states and accessibility rules. - [creative](https://affpapa.org/en/nevibecode/skills/creative.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2400 installs — Generates design system guidelines for playful landing pages using Bangers typography and token-based styling. - [doodle](https://affpapa.org/en/nevibecode/skills/doodle.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2400 installs — This skill sets a playful doodle style for interface guidance with handwritten fonts, sketches, and imperfect lines. - [spacious](https://affpapa.org/en/nevibecode/skills/spacious.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2400 installs — Turns your agent into a design-system author: generous whitespace, an 8pt grid, colour tokens. - [paper](https://affpapa.org/en/nevibecode/skills/paper.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2400 installs — Generates Paper Design UI guidelines with tactile print styling, strict typography tokens, and WCAG 2.2 AA accessibility rules. - [futuristic](https://affpapa.org/en/nevibecode/skills/futuristic.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2400 installs — This skill gives an agent a futuristic design system with typography, tokens, component states, and accessibility rules. - [tailwindcss](https://affpapa.org/en/nevibecode/skills/tailwindcss.md) — skill · MengTo · Claude Code, Codex, Cursor +3 · 1700 installs — A skill that steers your coding agent through Tailwind CSS UI work: layout, typography, responsive variants, theming and component patterns. Next: https://affpapa.org/en/nevibecode/skills/topic/design.md?page=16 ## Refine [ui](https://affpapa.org/en/nevibecode/tag/ui.md) · [animation](https://affpapa.org/en/nevibecode/tag/animation.md) · [css](https://affpapa.org/en/nevibecode/tag/css.md) · [design-system](https://affpapa.org/en/nevibecode/tag/design-system.md) · [accessibility](https://affpapa.org/en/nevibecode/tag/accessibility.md) · [react](https://affpapa.org/en/nevibecode/tag/react.md) · [ux](https://affpapa.org/en/nevibecode/tag/ux.md) · [image-generation](https://affpapa.org/en/nevibecode/tag/image-generation.md) · [tailwind](https://affpapa.org/en/nevibecode/tag/tailwind.md) · [typography](https://affpapa.org/en/nevibecode/tag/typography.md) · [html](https://affpapa.org/en/nevibecode/tag/html.md) · [design-tokens](https://affpapa.org/en/nevibecode/tag/design-tokens.md) ## Narrow this list Parameters: `?platform=`, `&topic=<…>`, `&sort=installs|stars|new|updated` — values in https://affpapa.org/en/nevibecode/agents.md --- NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md