# Skills for Design Skills for Design: what each one does, an install command and example prompts. 2133 cards · page 30 of 54 - HTML: https://affpapa.org/en/nevibecode/skills/topic/design?page=30 - Instructions for agents: https://affpapa.org/en/nevibecode/agents.md - [Mobile App Design Standards](https://affpapa.org/en/nevibecode/skills/mobile-app-design-standards.md) — skill · awesome-skills · Claude Code, Codex, Cursor +3 · 906 installs — A skill that gives your agent concrete rules for mobile screens: iOS and Android conventions, touch targets, contrast, accessibility. - [avoid-ai-design](https://affpapa.org/en/nevibecode/skills/avoid-ai-design.md) — skill · ungspirit · Claude Code, Codex, Cursor +3 · 641 installs — A skill that audits frontend code for the patterns that make a UI look AI-generated, then rewrites it around one deliberate design direction. - [imprint](https://affpapa.org/en/nevibecode/skills/jsmastery-pro-imprint.md) — skill · jsmastery-pro · Claude Code, Codex, Cursor +3 · 725 installs — The skill pulls the classes that drive visual consistency out of a freshly built component and appends them to ui-registry.md. - [animejs](https://affpapa.org/en/nevibecode/skills/bowtiedswan-animejs.md) — skill · BowTiedSwan · Claude Code, Codex, Cursor +3 · 1200 installs — Provides Claude Code with an API reference for Anime.js v4. - [dokie-ai-ppt](https://affpapa.org/en/nevibecode/skills/dokie-ai-ppt.md) — skill · MYZY-AI · Claude Code, Codex, Cursor +3 · 984 installs — This skill turns a conversation with your agent into an HTML deck: it collects requirements, drafts an outline, picks a theme and writes the slides. - [om-synthetic-users](https://affpapa.org/en/nevibecode/skills/om-synthetic-users.md) — skill · open-mercato · Claude Code, Codex, Cursor +3 · 1600 installs — Constructs synthetic persona panels from repository materials to test product flows and surface objections under decision pressure. - [Adobe](https://affpapa.org/en/nevibecode/skills/adobe.md) — skill · SFKislev · Claude Code, Codex, Cursor +3 · 1900 installs — Connects coding agents to Photoshop, Illustrator, Premiere, After Effects, InDesign, and Audition via Flue. - [ui-ux-design-pro](https://affpapa.org/en/nevibecode/skills/ui-ux-design-pro.md) — skill · saifyxpro · Claude Code, Codex, Cursor +3 · 797 installs — A skill for designing dashboards, SaaS apps and landing pages: builds design systems, audits accessibility and checks interface craft. - [canghe-cover-image](https://affpapa.org/en/nevibecode/skills/canghe-cover-image.md) — skill · freestylefly · Claude Code, Codex, Cursor +3 · 541 installs — Analyzes articles to draft tailored image prompts and produce matching covers across multiple palettes and visual styles. - [motion-graphics](https://affpapa.org/en/nevibecode/skills/motion-graphics.md) — skill · Liamrjohnston · Claude Code, Codex, Cursor +3 · 1000 installs — Runs preflight asset research and enforces strict gate checks before authorizing video composition builds. - [macos-golden-gate-design](https://affpapa.org/en/nevibecode/skills/macos-golden-gate-design.md) — skill (official GitHub) · github · GitHub Copilot · 23 installs — Enforces Apple macOS 27 Golden Gate design patterns in SwiftUI and AppKit. - [gpt-image](https://affpapa.org/en/nevibecode/skills/gpt-image.md) — skill · 101-skills · Claude Code, Codex, Cursor +3 · 12300 installs — Skill that connects OpenAI GPT-Image-2 to your AI coding agent. - [brand-identity](https://affpapa.org/en/nevibecode/skills/travisjneuman-brand-identity.md) — skill · travisjneuman · Claude Code, Codex, Cursor +3 · 1700 installs — Guides brand positioning, archetype selection, and visual design rules like the 60-30-10 color split during development chats. - [12-principles-of-animation](https://affpapa.org/en/nevibecode/skills/12-principles-of-animation.md) — skill · raphael-salaja · Claude Code, Codex, Cursor +3 · 2200 installs — Audits web animation code against Disney motion principles. - [user-journeys](https://affpapa.org/en/nevibecode/skills/user-journeys.md) — skill · alinaqi · Claude Code, Codex, Cursor +3 · 581 installs — Maps user experience flows, validates UX steps, and plans error recovery paths. - [InDesign](https://affpapa.org/en/nevibecode/skills/indesign.md) — skill · SFKislev · Claude Code, Codex, Cursor +3 · 1800 installs — Connects a coding agent to desktop Adobe InDesign using the Flue bridge. - [develop-design-rationale](https://affpapa.org/en/nevibecode/skills/develop-design-rationale.md) — skill · product-on-purpose · Claude Code, Codex, Cursor +3 · 744 installs — Captures the reasoning behind UX choices, evaluated alternatives, and accepted trade-offs. - [liquid-glass](https://affpapa.org/en/nevibecode/skills/liquid-glass.md) — skill (official OpenAI) · OpenAI · Codex, ChatGPT · 78 installs — Implements and reviews macOS SwiftUI Liquid Glass interfaces, stripping conflicting custom backgrounds so system materials render cleanly. - [godot-ui-theming](https://affpapa.org/en/nevibecode/skills/godot-ui-theming.md) — skill · thedivergentai · Claude Code, Codex, Cursor +3 · 617 installs — A skill that guides an AI agent through Godot UI theming: Theme resources, StyleBoxes, fonts and dark/light switching. - [canghe-infographic](https://affpapa.org/en/nevibecode/skills/canghe-infographic.md) — skill · freestylefly · Claude Code, Codex, Cursor +3 · 511 installs — Turn a file or pasted text into an infographic. - [pdf-design](https://affpapa.org/en/nevibecode/skills/pdf-design.md) — skill · jamditis · Claude Code, Codex, Cursor +3 · 504 installs — Builds PDF reports and funding proposals from HTML, with page previews during editing and brand colors baked in. - [game-assets](https://affpapa.org/en/nevibecode/skills/meowa-ai-game-assets.md) — skill · Meowa-AI · Claude Code, Codex, Cursor +3 · 1200 installs — A skill that plans games and produces finished assets: sprites, tilesets, UI, music and voiced lines through the Meowa CLI. - [article-highlights](https://affpapa.org/en/nevibecode/skills/article-highlights.md) — skill · Liamrjohnston · Claude Code, Codex, Cursor +3 · 947 installs — Builds editorial article inserts in Remotion: marker highlights behind the text, a paper card, a slow camera push. - [terminal-inserts](https://affpapa.org/en/nevibecode/skills/terminal-inserts.md) — skill · Liamrjohnston · Claude Code, Codex, Cursor +3 · 938 installs — A Remotion skill for terminal scenes: restrained CLI inserts with no neon or glow. - [user-onboarding-activation](https://affpapa.org/en/nevibecode/skills/user-onboarding-activation.md) — skill · RefoundAI · Claude Code, Codex, Cursor +3 · 439 installs — Guides user onboarding design to bring signups to core product value faster. - [interior-design-expert](https://affpapa.org/en/nevibecode/skills/interior-design-expert.md) — skill · curiositech · Claude Code, Codex, Cursor +3 · 1100 installs — A skill for room layout optimization, IES lighting calculations, and Munsell color palettes. - [gsap-animation](https://affpapa.org/en/nevibecode/skills/gsap-animation.md) — skill · notedit · Claude Code, Codex, Cursor +3 · 313 installs — Integrates GSAP animations into Remotion video projects. - [om-mockup-prototype](https://affpapa.org/en/nevibecode/skills/om-mockup-prototype.md) — skill · open-mercato · Claude Code, Codex, Cursor +3 · 1500 installs — Builds a neutral clickable low-fidelity HTML prototype directly from a product brief. - [shadcn](https://affpapa.org/en/nevibecode/skills/vercel-labs-shadcn.md) — skill (official OpenAI) · Vercel Labs · Codex, ChatGPT · 72 installs — This skill guides Codex through adding shadcn/ui components and configuring themes. - [responsive-craft](https://affpapa.org/en/nevibecode/skills/responsive-craft.md) — skill · kylezantos · Claude Code, Codex, Cursor +3 · 738 installs — A skill for responsive work: audit an existing site, build a layout from scratch, or open a live preview across breakpoints. - [flutter-improve-design](https://affpapa.org/en/nevibecode/skills/flutter-improve-design.md) — skill · kamranbekirovyz · Claude Code, Codex, Cursor +3 · 515 installs — This skill checks a Flutter app against a design-rules catalog and surfaces UI/UX issues. - [svg-animation](https://affpapa.org/en/nevibecode/skills/svg-animation.md) — skill · iart-ai · Claude Code, Codex, Cursor +3 · 2500 installs — A skill for SVG animation: stroke draw-on, path morphing, motion along a path, animated gradients and filters. - [accessible-animation](https://affpapa.org/en/nevibecode/skills/accessible-animation.md) — skill · iart-ai · Claude Code, Codex, Cursor +3 · 2600 installs — A skill that teaches your agent to honor prefers-reduced-motion: strip the motion that causes nausea, keep the fades and cues that help. - [awwwards-animations](https://affpapa.org/en/nevibecode/skills/awwwards-animations.md) — skill · DevMartinese · Claude Code, Codex, Cursor +3 · 2900 installs — A React animation skill for Awwwards and FWA-grade work: scroll effects, custom cursors, page transitions, generative art. - [imagen](https://affpapa.org/en/nevibecode/skills/sanjay3290-imagen.md) — skill · sanjay3290 · Claude Code, Codex, Cursor +3 · 626 installs — This skill turns a text prompt into a PNG using Google Gemini, saving the file straight into your project. - [3d-modeling](https://affpapa.org/en/nevibecode/skills/3d-modeling.md) — skill · omer-metin · Claude Code, Codex, Cursor +3 · 1200 installs — A skill that turns your agent into a senior 3D artist: topology, UV unwrapping, retopology and LOD advice. - [ui-design](https://affpapa.org/en/nevibecode/skills/mblode-ui-design.md) — skill · mblode · Claude Code, Codex, Cursor +3 · 1400 installs — Picks a visual direction, writes the interface code, and audits what shipped for user-facing defects. - [image-editing](https://affpapa.org/en/nevibecode/skills/image-editing.md) — skill · vivy-yi · Claude Code, Codex, Cursor +3 · 432 installs — Photo editing guidelines and adjustment formulas tailored for Xiaohongshu posts. - [experience-cms-brand-create](https://affpapa.org/en/nevibecode/skills/experience-cms-brand-create.md) — skill · forcedotcom · Claude Code, Codex, Cursor +3 · 728 installs — Builds a Salesforce Digital Experience brand.json from a description, color or logo, and writes it where the VS Code Brand Toolkit will find it. - [nano-banana-2](https://affpapa.org/en/nevibecode/skills/intellectronica-nano-banana-2.md) — skill · intellectronica · Claude Code, Codex, Cursor +3 · 869 installs — A skill that drives the Nano Banana 2 API to generate and edit images, with control over resolution and aspect ratio. Next: https://affpapa.org/en/nevibecode/skills/topic/design.md?page=31 ## 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