NeVibeCode · 2,133 items
Skills for Design
Skills for Design: what each one does, an install command and example prompts.
Mobile App Design Standards skill A skill that gives your agent concrete rules for mobile screens: iOS and Android conventions, touch targets, contrast, accessibility.
CX Codex +1
906installs
avoid-ai-design skill A skill that audits frontend code for the patterns that make a UI look AI-generated, then rewrites it around one deliberate design direction. Useful when a Claude or Codex build looks like everyone else's.
CX Codex +1
641installs
imprint skill The skill pulls the classes that drive visual consistency out of a freshly built component and appends them to ui-registry.md.
CX Codex +1
725installs
animejs skill Provides Claude Code with an API reference for Anime.js v4. Useful when creating web animations, SVG morphing, and staggered timelines.
CX Codex +1
1,200installs
dokie-ai-ppt skill 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.
CX Codex +1
984installs
om-synthetic-users skill Constructs synthetic persona panels from repository materials to test product flows and surface objections under decision pressure.
CX Codex +1
1,600installs
Adobe skill Connects coding agents to Photoshop, Illustrator, Premiere, After Effects, InDesign, and Audition via Flue. Runs ExtendScript and returns JSON without an MCP server.
CX Codex +1
1,900installs
ui-ux-design-pro skill A skill for designing dashboards, SaaS apps and landing pages: builds design systems, audits accessibility and checks interface craft.
CX Codex +1
797installs
canghe-cover-image skill Analyzes articles to draft tailored image prompts and produce matching covers across multiple palettes and visual styles. Handy for blog authors and content teams.
CX Codex +1
541installs
motion-graphics skill Runs preflight asset research and enforces strict gate checks before authorizing video composition builds. Designed for authentic product motion graphics.
CX Codex +1
1,000installs
macos-golden-gate-design
official skill Enforces Apple macOS 27 Golden Gate design patterns in SwiftUI and AppKit. Strips nested cards, limits Liquid Glass to chrome, and keeps content panes flat.
23installs
gpt-image skill Skill that connects OpenAI GPT-Image-2 to your AI coding agent. Text-to-image, reference-based editing, mask inpainting via inference.sh CLI.
CX Codex +1
12,300installs
brand-identity skill Guides brand positioning, archetype selection, and visual design rules like the 60-30-10 color split during development chats.
CX Codex +1
1,700installs
12-principles-of-animation skill Audits web animation code against Disney motion principles. Flags timing, physics, and easing flaws with precise file and line findings.
CX Codex +1
2,200installs
user-journeys skill Maps user experience flows, validates UX steps, and plans error recovery paths. Designed for documenting human journeys rather than isolated feature specs.
CX Codex +1
581installs
InDesign skill Connects a coding agent to desktop Adobe InDesign using the Flue bridge. It lets the agent inspect spreads, frames, and styles without an MCP server.
CX Codex +1
1,800installs
develop-design-rationale skill Captures the reasoning behind UX choices, evaluated alternatives, and accepted trade-offs. Useful before design reviews and stakeholder alignments.
CX Codex +1
744installs
liquid-glass
official skill Implements and reviews macOS SwiftUI Liquid Glass interfaces, stripping conflicting custom backgrounds so system materials render cleanly.
CX Codex GP ChatGPT
78installs
godot-ui-theming skill A skill that guides an AI agent through Godot UI theming: Theme resources, StyleBoxes, fonts and dark/light switching.
CX Codex +1
617installs
canghe-infographic skill Turn a file or pasted text into an infographic. The skill examines the material, suggests layout and style pairings, and saves the result with its working files.
CX Codex +1
511installs
pdf-design skill Builds PDF reports and funding proposals from HTML, with page previews during editing and brand colors baked in.
CX Codex +1
504installs
game-assets skill A skill that plans games and produces finished assets: sprites, tilesets, UI, music and voiced lines through the Meowa CLI.
CX Codex +1
1,200installs
article-highlights skill Builds editorial article inserts in Remotion: marker highlights behind the text, a paper card, a slow camera push. For news and release beats where a terminal would feel forced.
CX Codex +1
947installs
terminal-inserts skill A Remotion skill for terminal scenes: restrained CLI inserts with no neon or glow. It asks for format and background first.
CX Codex +1
938installs
user-onboarding-activation skill Guides user onboarding design to bring signups to core product value faster. Built on insights from 15 Lenny's Podcast and Newsletter contributors.
CX Codex +1
439installs
interior-design-expert skill A skill for room layout optimization, IES lighting calculations, and Munsell color palettes. It helps configure functional interiors and structure AI render prompts.
CX Codex +1
1,100installs
gsap-animation skill Integrates GSAP animations into Remotion video projects. It brings timeline orchestration, SplitText reveals, and custom easing curves into React-based video rendering.
CX Codex +1
313installs
om-mockup-prototype skill Builds a neutral clickable low-fidelity HTML prototype directly from a product brief. It tests flows and assumptions locally in a browser before backlog grooming.
CX Codex +1
1,500installs
shadcn
official skill This skill guides Codex through adding shadcn/ui components and configuring themes. Use it when building a React interface with Tailwind CSS.
CX Codex GP ChatGPT
72installs
responsive-craft skill A skill for responsive work: audit an existing site, build a layout from scratch, or open a live preview across breakpoints.
CX Codex +1
738installs
flutter-improve-design skill This skill checks a Flutter app against a design-rules catalog and surfaces UI/UX issues. Choose which findings should become implementation plans.
CX Codex +1
515installs
svg-animation skill A skill for SVG animation: stroke draw-on, path morphing, motion along a path, animated gradients and filters. Ships a single self-contained HTML file with the vector motion inside.
CX Codex +1
2,500installs
accessible-animation skill A skill that teaches your agent to honor prefers-reduced-motion: strip the motion that causes nausea, keep the fades and cues that help.
CX Codex +1
2,600installs
awwwards-animations skill A React animation skill for Awwwards and FWA-grade work: scroll effects, custom cursors, page transitions, generative art. Useful when you need smooth 60fps motion.
CX Codex +1
2,900installs
imagen skill This skill turns a text prompt into a PNG using Google Gemini, saving the file straight into your project. Handy for icons, placeholders and docs illustrations.
CX Codex +1
626installs
3d-modeling skill A skill that turns your agent into a senior 3D artist: topology, UV unwrapping, retopology and LOD advice. Useful when you prep a mesh for a game or film.
CX Codex +1
1,200installs
ui-design skill Picks a visual direction, writes the interface code, and audits what shipped for user-facing defects. Useful when you need a landing page or a dark mode pass.
CX Codex +1
1,400installs
image-editing skill Photo editing guidelines and adjustment formulas tailored for Xiaohongshu posts. Useful for creating consistent feeds and tuning color grading.
CX Codex +1
432installs
experience-cms-brand-create skill 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.
CX Codex +1
728installs
nano-banana-2 skill A skill that drives the Nano Banana 2 API to generate and edit images, with control over resolution and aspect ratio.
CX Codex +1
869installs
1,161–1,200 of 2,133
