# Skills for Design Skills for Design: what each one does, an install command and example prompts. 2133 cards · page 14 of 54 - HTML: https://affpapa.org/en/nevibecode/skills/topic/design?page=14 - Instructions for agents: https://affpapa.org/en/nevibecode/agents.md - [bencium-innovative-ux-designer](https://affpapa.org/en/nevibecode/skills/bencium-innovative-ux-designer.md) — skill · bencium · Claude Code, Codex, Cursor +3 · 7500 installs — A skill that develops an independent visual language: ten typography-led HTML directions, a human pick, then production. - [threejs](https://affpapa.org/en/nevibecode/skills/mengto-threejs.md) — skill · MengTo · Claude Code, Codex, Cursor +3 · 2000 installs — Guides your agent through building and debugging interactive Three.js scenes: scene, camera, lights, glTF loading, controls and performance. - [landing-page](https://affpapa.org/en/nevibecode/skills/landing-page.md) — skill · MengTo · Claude Code, Codex, Cursor +3 · 2000 installs — Skill for planning and copywriting single-offer landing pages for web apps or services. - [animation-on-scroll](https://affpapa.org/en/nevibecode/skills/animation-on-scroll.md) — skill · MengTo · Claude Code, Codex, Cursor +3 · 2000 installs — A skill that wires up scroll-reveal with IntersectionObserver, plus Tailwind animation classes and keyframes. - [steve-jobs-design-review](https://affpapa.org/en/nevibecode/skills/steve-jobs-design-review.md) — skill · wondelai · Claude Code, Codex, Cursor +3 · 3300 installs — Design and product review skill inspired by Steve Jobs: ruthless subtraction, strict focus on the core value, and clear binary verdicts before shipping. - [ux-review](https://affpapa.org/en/nevibecode/skills/ux-review.md) — skill · Donchitos · Claude Code, Codex, Cursor +3 · 474 installs — Runs a UX spec, HUD design or pattern library through a checklist and returns a verdict, from APPROVED to MAJOR REVISION NEEDED. - [minimal](https://affpapa.org/en/nevibecode/skills/minimal.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2600 installs — This skill defines a minimal UI system with typography, tokens, spacing, and accessibility rules. - [wp-patterns](https://affpapa.org/en/nevibecode/skills/wp-patterns.md) — skill · WordPress · Claude Code, Codex, Cursor +3 · 2200 installs — Creates and updates WordPress block patterns, then checks registration and markup. - [landing-page-guide-v2](https://affpapa.org/en/nevibecode/skills/landing-page-guide-v2.md) — skill · bear2u · Claude Code, Codex, Cursor +3 · 1300 installs — A skill that walks the agent through aesthetic direction, a design system and 11 must-have landing page elements. - [team-ui](https://affpapa.org/en/nevibecode/skills/team-ui.md) — skill · Donchitos · Claude Code, Codex, Cursor +3 · 465 installs — Orchestrates a game UI pipeline from UX specifications to widget implementation and review. - [gemini-watermark-remover](https://affpapa.org/en/nevibecode/skills/rookie-ricardo-gemini-watermark-remover.md) — skill · rookie-ricardo · Claude Code, Codex, Cursor +3 · 1700 installs — Strips visible bottom-right Gemini AI watermarks from images using reverse alpha blending. - [prototype](https://affpapa.org/en/nevibecode/skills/donchitos-prototype.md) — skill · Donchitos · Claude Code, Codex, Cursor +3 · 461 installs — This skill turns one game mechanic into a throwaway prototype and returns a PROCEED, PIVOT, KILL, or NOT ASSESSED verdict. - [macos-design-guidelines](https://affpapa.org/en/nevibecode/skills/macos-design-guidelines.md) — skill · platform-design-skills · Claude Code, Codex, Cursor +3 · 4300 installs — Supplies Apple Human Interface Guidelines for macOS apps in SwiftUI and AppKit. - [ux-researcher-designer](https://affpapa.org/en/nevibecode/skills/ux-researcher-designer.md) — skill · Alireza Rezvani · Claude Code · 962 installs — This skill helps turn user data into personas, journey maps, usability test plans, and design recommendations. - [animation-systems](https://affpapa.org/en/nevibecode/skills/animation-systems.md) — skill · MengTo · Claude Code, Codex, Cursor +3 · 1900 installs — Motion design guide for clean, product-grade web animations like Stripe, Linear, and Apple. - [scene-distillation-zine-v1-3](https://affpapa.org/en/nevibecode/skills/scene-distillation-zine-v1-3.md) — skill · Zeejay0 · Claude Code, Codex, Cursor +3 · 380 installs — This skill turns a supplied photo into an authored minimal zine poster. - [bento](https://affpapa.org/en/nevibecode/skills/bento.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2500 installs — A skill for bento-style interfaces with modular cards, clear hierarchy, and soft spacing. - [enterprise](https://affpapa.org/en/nevibecode/skills/enterprise.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2500 installs — This skill gives your agent a dark design system for data dashboards: modular grids, glass-like panels, tokens and accessibility rules. - [clean](https://affpapa.org/en/nevibecode/skills/clean.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2600 installs — Generates minimal design system guidelines using an 8pt grid, strict color tokens, and WCAG 2.2 AA accessibility rules. - [adobe-illustrator-scripting](https://affpapa.org/en/nevibecode/skills/adobe-illustrator-scripting.md) — skill (official GitHub) · github · GitHub Copilot · 268 installs — Get guidance for writing and debugging ExtendScript in Adobe Illustrator. - [team-level](https://affpapa.org/en/nevibecode/skills/team-level.md) — skill · Donchitos · Claude Code, Codex, Cursor +3 · 447 installs — Orchestrates game development subagents to design complete playable areas. - [banner-creator](https://affpapa.org/en/nevibecode/skills/banner-creator.md) — skill · ReScienceLab · Claude Code, Codex, Cursor +3 · 1800 installs — Generates banners through AI image generation, offering batch variations, an HTML preview, and ratio cropping. - [ux-design](https://affpapa.org/en/nevibecode/skills/donchitos-ux-design.md) — skill · Donchitos · Claude Code, Codex, Cursor +3 · 443 installs — Authors section-by-section game UX specifications, HUD layouts, and accessibility rules. - [tailwind-css-patterns](https://affpapa.org/en/nevibecode/skills/tailwind-css-patterns.md) — skill · giuseppe-trisciuoglio · Claude Code, Codex, Cursor +3 · 17700 installs — A skill that hands your agent ready Tailwind CSS patterns: responsive grids, cards, forms, dark mode. - [mindmap-generator](https://affpapa.org/en/nevibecode/skills/mindmap-generator.md) — skill · Jeremy Longshore · Claude Code, Codex, Cursor +3 · 1000 installs — This skill guides mind-map tasks, creates code and configurations, and checks outputs against common standards. - [brutalism](https://affpapa.org/en/nevibecode/skills/brutalism.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2400 installs — This skill hands your agent a set of brutalist design rules: concrete aesthetics, jarring layouts, functional minimalism. - [material](https://affpapa.org/en/nevibecode/skills/material.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2400 installs — Enforces Material Design guidelines, typography scales, color tokens, and WCAG 2.2 AA rules when designing components with AI agents. - [corporate](https://affpapa.org/en/nevibecode/skills/corporate.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2400 installs — This skill gives an agent a corporate UI system with grids, tokens, component states, and accessibility rules. - [contemporary](https://affpapa.org/en/nevibecode/skills/contemporary.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2400 installs — Gives your agent rules for a current-era minimal UI: bento grids, dark mode, WCAG 2.2 AA accessibility. - [sleek](https://affpapa.org/en/nevibecode/skills/sleek.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2400 installs — Generates design system guidelines with an 8pt grid, Inter typography, concrete color tokens, and WCAG 2.2 AA accessibility standards. - [claymorphism](https://affpapa.org/en/nevibecode/skills/claymorphism.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2400 installs — A skill that turns your coding agent into a design-system author for claymorphism: puffy 3D shapes, tokens, typography and component states. - [storytelling](https://affpapa.org/en/nevibecode/skills/typeuish-storytelling.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2400 installs — A skill that turns the agent into a design-system author: tokens, component states, accessibility and a fixed output structure. - [modern](https://affpapa.org/en/nevibecode/skills/modern.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2400 installs — Generates editorial design system specs with IBM Plex Serif typography and minimal color tokens. - [neumorphism](https://affpapa.org/en/nevibecode/skills/neumorphism.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2500 installs — This skill guides agents in creating neumorphic UI with design tokens, component states, and accessibility checks. - [professional](https://affpapa.org/en/nevibecode/skills/professional.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2500 installs — Hands the agent a full set of design-system rules: tokens, typography, component states and accessibility criteria. - [refined](https://affpapa.org/en/nevibecode/skills/refined.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2500 installs — Directs coding agents to generate design system specifications using Playfair Display typography and Refined tokens. - [neobrutalism](https://affpapa.org/en/nevibecode/skills/neobrutalism.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2500 installs — This skill guides AI coding agents on neobrutalist UI with strong contrast, design tokens, component states, and accessibility checks. - [shadcn](https://affpapa.org/en/nevibecode/skills/typeuish-shadcn.md) — skill · typeui.sh · Claude Code, Codex, Cursor +3 · 2500 installs — Gives the agent a shadcn/ui-style design system: tokens, typography, component states and accessibility criteria. - [gsap](https://affpapa.org/en/nevibecode/skills/mengto-gsap.md) — skill · MengTo · Claude Code, Codex, Cursor +3 · 1800 installs — A skill that helps your coding agent write and debug GSAP web animations: timelines, ScrollTrigger, stagger, transforms. - [design-first-ui-prompting](https://affpapa.org/en/nevibecode/skills/design-first-ui-prompting.md) — skill · MengTo · Claude Code, Codex, Cursor +3 · 1800 installs — Turns loose visual ideas into strict, design-system-style specifications for UI generation. Next: https://affpapa.org/en/nevibecode/skills/topic/design.md?page=15 ## 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