NeVibeCode · 2,133 items
Skills for Design
Skills for Design: what each one does, an install command and example prompts.
gsap-scrolltrigger-storytelling skill A skill for scroll-driven product storytelling: pinned scenes, progressive UI reveals and transitions between sections, built on GSAP ScrollTrigger.
CX Codex +1
1,800installs
app-icon-optimization skill Audit, design and A/B test your app icon to lift tap-through rate in App Store search and browse.
CX Codex +1
2,700installs
asset-spec skill Turns your GDDs and character profiles into per-asset visual specs and image generation prompts. Meant to run after the art bible.
CX Codex +1
431installs
huashu-motion skill Creates motion graphics, launch videos, and explainers as editable code. Useful when you want to review a live frame and change that exact part.
CX Codex +1
827installs
excalidraw-skill skill This skill gives an agent a live Excalidraw canvas for diagrams, file exchange, and scene edits. Use it for Mermaid conversion, snapshots, and element-level changes.
CX Codex +1
510installs
presentation-deck skill The skill lays out a design presentation around one audience and one decision, from hook to the ask. Handy before an internal design review.
CX Codex +1
3,100installs
figma-codegen skill Generates framework-aware frontend code from Figma designs while reusing existing project components and design tokens.
CX Codex +1
1,300installs
immersive skill Generates design system guidelines for exhibit-style interfaces with a deep green canvas, Oswald display typography, and hard shadows.
CX Codex +1
2,300installs
claude skill Turns your agent into a design-system author: warm parchment surfaces, near-black ink, one restrained accent. Useful when you want an editorial look with no shadows.
CX Codex +1
2,300installs
tetris skill 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.
CX Codex +1
2,300installs
pacman skill 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.
CX Codex +1
2,300installs
lingo skill This skill guides bright, friendly interface design with clear tokens and component rules. Use it when an agent needs accessibility criteria and review-ready UI guidance.
CX Codex +1
2,300installs
perspective skill Turns the agent into a design-system author for isometric layouts, vanishing points and layered depth. Useful when flat blocks are not enough.
CX Codex +1
2,300installs
expressive skill Guides AI agents to author design system rules with bold colors and IBM Plex Mono typography. Keeps interfaces aligned with WCAG 2.2 AA standards.
CX Codex +1
2,300installs
skeumorphism skill This skill guides skeuomorphic UI work with textures, 3D effects, and familiar physical metaphors. Use it when shaping a design system.
CX Codex +1
2,300installs
neon skill Turns your coding agent into an author of Neon design-system guidance: high-contrast color pairings, glow effects, tokens instead of raw values.
CX Codex +1
2,300installs
retro skill Sets up a vintage design system with high-contrast palettes, Macondo typography, and WCAG 2.2 AA accessible component guidelines.
CX Codex +1
2,300installs
vibrant skill Gives your agent a full set of rules for a lively UI: color tokens, type scale, spacing and accessibility. Useful when the default grey look is not what you want.
CX Codex +1
2,300installs
levels skill A skill that hands your coding agent the Levels design system: color tokens, component states, accessibility rules. Useful when a UI needs one consistent style.
CX Codex +1
2,300installs
dithered skill Provides design system guidelines for dithered dot-pattern aesthetics. Generates ready-to-code tokens, component specs, and accessibility checklists.
CX Codex +1
2,300installs
fantasy skill A game-inspired design-system skill for bold fantasy UI. It helps agents define visual foundations, component rules, and accessibility checks.
CX Codex +1
2,300installs
mono skill Turns your agent into a design-system author for a matrix-flavoured look: monospace type, high contrast, compact density. Useful when the UI should read like a hacker terminal.
CX Codex +1
2,300installs
vintage skill Generates retro design-system specifications with skeuomorphic details, pixel typography, and strict accessibility criteria.
CX Codex +1
2,300installs
cafe skill This skill gives coding agents a cafe-inspired UI system with warm colors, soft type, and clear layout rules. Use it when interface guidance needs a defined foundation.
CX Codex +1
2,300installs
flat skill Gives your coding agent a flat-design rulebook: tokens, type scale, component states and accessibility. Useful when a project needs one consistent UI style.
CX Codex +1
2,400installs
dramatic skill Generates high-contrast design system guidelines with dark surfaces and Outfit typography. Built for engineers drafting component specs compliant with WCAG 2.2 AA.
CX Codex +1
2,300installs
ant skill A skill that hands your agent the Ant Design rulebook: tokens, component states, accessibility. Useful for dense tables and forms.
CX Codex +1
2,400installs
agentic skill A skill that gives the agent a design-system rulebook for conversational AI interfaces: tokens, component states and accessibility checks.
CX Codex +1
2,400installs
cosmic skill Applies a futuristic sci-fi design system with dark themes and neon accents. Generates accessible component specifications backed by WCAG 2.2 AA.
CX Codex +1
2,400installs
artistic skill Gives your coding agent a design-system rulebook: high contrast, expressive type, bold color tokens. Useful when the UI needs to stand out, not blend in.
CX Codex +1
2,400installs
friendly skill This skill makes the agent author design-system guidelines in a friendly style: rounded shapes, generous whitespace, soft pastels. Useful when you want a UI that feels approachable rather than sharp.
CX Codex +1
2,400installs
bold skill This skill guides agents to write design system documentation with heavy typography and WCAG 2.2 AA accessibility. Ideal for creating UI component specs.
CX Codex +1
2,400installs
gradient skill The skill turns your agent into a design-system author: tokens, type scale, component states and accessibility criteria for gradient-rich UI.
CX Codex +1
2,400installs
colorful skill A design-system skill that hands your agent tokens, type scale, component states and accessibility rules. Useful when one interface needs one visual language.
CX Codex +1
2,400installs
creative skill Generates design system guidelines for playful landing pages using Bangers typography and token-based styling. Enforces WCAG 2.2 AA accessibility standards.
CX Codex +1
2,400installs
doodle skill This skill sets a playful doodle style for interface guidance with handwritten fonts, sketches, and imperfect lines. Use it when shaping a design system or UI guide.
CX Codex +1
2,400installs
spacious skill Turns your agent into a design-system author: generous whitespace, an 8pt grid, colour tokens. Useful when generated UI comes out cramped.
CX Codex +1
2,400installs
paper skill Generates Paper Design UI guidelines with tactile print styling, strict typography tokens, and WCAG 2.2 AA accessibility rules.
CX Codex +1
2,400installs
futuristic skill This skill gives an agent a futuristic design system with typography, tokens, component states, and accessibility rules. Use it when writing UI guidance.
CX Codex +1
2,400installs
tailwindcss skill A skill that steers your coding agent through Tailwind CSS UI work: layout, typography, responsive variants, theming and component patterns.
CX Codex +1
1,700installs
561–600 of 2,133
