NeVibeCode · 2,133 items
Skills for Design
Skills for Design: what each one does, an install command and example prompts.
app-ui-design skill A skill for designing iOS and Android interfaces: design systems, accessibility, platform guidelines. Useful when the agent lays out screens or checks contrast.
CX Codex +1
636installs
brand-style-guide skill Builds or audits a brand style guide across eight sections: story, logo, color, typography, imagery, voice, applications, dos and don'ts. Useful once the identity is done and needs handing off.
CX Codex +1
391installs
emilkowal-animations skill A set of 58 web animation rules based on Emil Kowalski's work for React and Framer Motion. Helps tune easing curves, gestures, and UI timing.
CX Codex +1
2,800installs
design-game skill Audits the visuals and game feel of an existing game, scores each area, then applies fixes: background, particles, animations, typography.
CX Codex +1
1,400installs
audit skill Runs a technical UI audit across accessibility, performance and responsiveness, then hands back a prioritized findings table.
CX Codex +1
929installs
frontend-enhancer skill A Next.js skill with ready React components, six color palettes, CSS animations and section templates. Useful when the interface needs a visual pass.
CX Codex +1
968installs
ui-craft-minimal skill Enforces a clean editorial UI aesthetic inspired by Linear, Notion, and Vercel. Locks layouts to monochrome palettes, generous whitespace, and minimal motion.
CX Codex +1
903installs
vocabulary skill A reverse dictionary for UI and product design that turns loose descriptions into exact terminology and resolves confusing near-synonyms.
CX Codex +1
1,100installs
ui-craft-editorial skill Configures AI coding agents for editorial and long-form web design. It enforces magazine typography, warm backgrounds, OpenType features, and relaxed reading geometry.
CX Codex +1
898installs
colorize skill The skill places one accent in 3–5 spots on a screen, or strips an over-colored UI back to a neutral base.
CX Codex +1
890installs
video-character-design skill Creates character design sheets and markdown specs for storyboards and AI video. It writes a spec for your approval before generating any character images.
CX Codex +1
353installs
heuristic skill Scores a UI against Nielsen's 10 heuristics and 6 design laws, then returns a markdown scorecard and a 0-100 UsabilityScore.
CX Codex +1
881installs
frontend-visual-qa skill Checks the interface you can actually see in a real browser: typography, overflow, responsive layout, routes, charts. Useful right after UI work, when the build passes but nobody looked.
CX Codex +1
572installs
shiny-bslib-theming skill A skill that walks your agent through Shiny app theming with bslib and Bootstrap 5: presets, colors, fonts, dark mode and live tweaking.
CX Codex +1
750installs
shape skill A wireframe-first pass that turns a vague screen brief into an ASCII layout, state list, content inventory and open questions before any code is written.
CX Codex +1
867installs
frontend-design skill The skill makes the agent pick a bold visual direction before writing code, then hold it through every detail. Useful when a generated interface should not look generated.
CX Codex +1
7,300installs
tokens skill Scans a project for design tokens and checks them against a three-layer contract, or proposes a minimal spine when none exist.
CX Codex +1
855installs
superwall-editor skill A skill that lets a terminal agent build and edit Superwall paywalls, onboarding and web2app flows. Useful when the browser editor is open and you would rather stay in the agent.
CX Codex +1
3,600installs
reference-to-motion skill Turns reference videos and style boards into a scene-by-scene Claude Motion prompt for your brand. Use it when you need to recreate the rhythm of an ad with your own text.
CX Codex +1
917installs
finalize skill Runs your interface through a detector, token audit and a 10-pass finish bar, then returns READY, NOT READY or BLOCKED before you commit.
CX Codex +1
852installs
brief skill Generates or updates a durable design brief in .ui-craft/brief.md. It anchors product goals, user context, principles, and UI scope before code generation starts.
CX Codex +1
851installs
ux-extract skill Walks a reference web app screen by screen, captures every state and builds a UX pattern library your own build can be measured against.
CX Codex +1
664installs
game-ui-frontend
official skill Guides browser game interface design for HUDs, overlays, and menus. Keeps the playfield clear and isolates camera input during UI interactions.
CX Codex GP ChatGPT
98installs
ux-compare skill Reads pattern libraries from ux-extract and builds a comparison document: where apps converge, where they diverge, and what to do in a new build.
CX Codex +1
647installs
chatbot-flow-design skill Designs conversational flows, intent architectures, and fallback logic for website bots. Useful when scoping an AI chat agent or fixing an LLM that hallucinates facts.
CX Codex +1
339installs
checklist-design skill Audits websites, web apps, and mobile interfaces against Checklist Design checklists. It flags missing UI elements and critiques hierarchy, layout, typography, and accessibility.
CX Codex +1
1,100installs
frontend-design skill A skill that locks a frontend to one visual direction — palette, type, structure and texture — and keeps on-screen copy honest.
CX Codex +1
580installs
Illustrator skill Control desktop Adobe Illustrator from the shell using the Flue bridge. The skill runs ExtendScript scripts and returns structured JSON without an MCP server.
CX Codex +1
2,100installs
Photoshop skill This skill lets a coding agent work inside Adobe Photoshop: inspect the open document, layers and selection, then make bounded edits.
CX Codex +1
2,100installs
cinematography skill Builds production-grade visual prompts with specific camera movements, lenses, and lighting for the genmedia CLI. Ideal for directing AI video and image models.
CX Codex +1
1,100installs
motion-prompt-writer skill Writes an 8-part prompt brief for Claude Motion to produce short looping motion graphics in your brand style.
CX Codex +1
851installs
canghe-image-gen skill Generates AI images via OpenAI, Google, DashScope, and Canghe APIs. Handles text prompts, aspect ratios, and reference files right inside coding agents.
CX Codex +1
594installs
mies skill A design skill that pushes your coding agent to cut what does not earn its place and polish what stays. Useful when you build or rework any user-facing surface.
CX Codex +1
9,600installs
apple-hig-designer skill Generates native iOS interfaces for iPhone, iPad, and Apple Watch following Apple Human Interface Guidelines. It formats SwiftUI components and validates accessibility.
CX Codex +1
1,000installs
email-html-mjml skill Builds responsive email templates in MJML 5.x and compiles them to HTML that holds up in Outlook and Gmail. Useful for welcome mails, newsletters or transactional templates.
CX Codex +1
947installs
design-better skill A skill that pushes any coding agent toward designer-quality frontend work: hierarchy, states, accessibility, motion. Useful when the UI runs fine but still looks unfinished.
CX Codex +1
1,100installs
elite-powerpoint-designer skill Turns markdown or plain text into PowerPoint slides with a chosen brand style, consistent type scale and restrained animation.
CX Codex +1
5,300installs
design-system skill Builds or audits a design system: tokens, component library, naming conventions, contribution model and docs. Useful when products drift apart visually.
CX Codex +1
311installs
framer-motion skill Tells your agent which properties to animate in Motion and which ones wreck layout. Useful when the project already runs React and TypeScript.
CX Codex +1
3,000installs
canghe-xhs-images skill Turns source material into a Xiaohongshu infographic series with selectable visual styles and layouts. Useful for posts, tutorials, and comparisons.
CX Codex +1
569installs
1,121–1,160 of 2,133
