NeVibeCode · 2,133 items
Skills for Design
Skills for Design: what each one does, an install command and example prompts.
ux-writing-content-design skill Writes and critiques interface text: button labels, hints, empty states, errors, onboarding. Useful when the layout is done but the wording is not.
CX Codex +1
562installs
depth skill Establishes elevation scales, two-part shadows, and inset surfaces. Helps make UI layers distinct when flat components blend together or look cluttered.
CX Codex +1
537installs
ux-usability-foundations skill Guides an AI agent to design, review, and refine interfaces around usability principles, error prevention, and user mental models.
CX Codex +1
559installs
imagery skill Audits UI photos, screenshots, and icons to fix contrast issues, preserve layout bounds, and align visual styles.
CX Codex +1
533installs
clarify skill Rewrites labels, error messages, empty states and CTAs so users know what happened and what to do next.
CX Codex +1
533installs
information-architecture-navigation skill A skill for designing navigation, labels, taxonomy and search in a digital product. Useful when the structure of a site or app stops helping people find things.
CX Codex +1
556installs
screensdesign-data skill Researches mobile apps, paywalls, and user flows via ScreensDesign MCP. Supplies recorded screen evidence and App Store creatives for competitor benchmarks.
CX Codex +1
1,300installs
frontend-design-review skill Audits UI mockups, design tokens, and components for WCAG 2.1 AA accessibility, responsive behavior, and design system consistency before engineering begins.
CX Codex +1
458installs
optimize skill A skill that tracks down why an interface feels slow: load time, janky animations, heavy images, bloated bundles. It kicks in when you say something lags.
CX Codex +1
536installs
bolder skill A skill for when a design feels too safe and generic. It finds what makes the interface bland and pushes the impact up.
CX Codex +1
535installs
video-color-grading skill Applies color grading and exposure fixes to video URLs through the each::sense API based on natural language prompts.
CX Codex +1
625installs
framer-motion-scroll skill A Framer Motion skill that tells your agent how to build scroll-linked animations, parallax and progress indicators.
CX Codex +1
803installs
delight skill Adds joy and personality to interfaces: success states, empty screens, loading moments, hover details. For projects where the basics already work.
CX Codex +1
523installs
mobile-design skill A skill for mobile interfaces: touch targets, gestures, thumb zones, safe areas and mobile-first layout for small screens.
CX Codex +1
545installs
showcase skill Guides the agent to build technically ambitious web interfaces with View Transitions and WebGL rendering. Useful when standard UI polish is not enough.
CX Codex +1
521installs
k2f-invitation skill Builds print or digital invitations from event details and tone notes. It covers weddings, parties, galas, save-the-dates, RSVP cards, and mobile invites.
CX Codex +1
2,400installs
k2f-flyer skill Drafts single-page promotional flyer blueprints with clear visual intent, tight word budgets, and a single call to action for the K2F engine.
CX Codex +1
2,400installs
figma-design skill A Figma skill covering components, auto layout, variables, prototyping and plugin development. Useful when the agent writes plugin code or builds a design system.
CX Codex +1
542installs
extract skill Finds duplicated UI patterns, extracts them into shared components, sets up design tokens, and refactors existing calls.
CX Codex +1
520installs
ai-elements
official skill This skill guides React AI interfaces built with ai-elements and shadcn/ui. Use it for chat views, streaming responses, tool calls, and reasoning panels.
CX Codex GP ChatGPT
7installs
quieter skill A coding-agent skill that cuts saturation, contrast and visual noise in a UI while keeping hierarchy and character. Useful when the structure is fine but the design shouts.
CX Codex +1
513installs
onboard skill Designs a product's first run: what a new user sees, in what order, and how they reach their first win.
CX Codex +1
521installs
security-ux skill A skill for designing sign-in, MFA and account recovery screens so that security feels like control, not punishment.
CX Codex +1
519installs
interaction-patterns-components skill Guides the agent through picking and critiquing UI interaction patterns and reusable components: navigation, tables, modals, forms, states.
CX Codex +1
539installs
muapi-media-generation skill Produces generative images, video clips, and audio via muapi.ai right from the terminal. Useful for running creative media tasks inside agent workflows.
CX Codex +1
1,100installs
framer-motion-layout skill Provides layout animation patterns for Framer Motion, covering shared element transitions with layoutId, reorderable lists, and exit sequences via AnimatePresence.
CX Codex +1
770installs
forms-inputs-checkout skill A skill for designing, critiquing and implementing forms, validation and checkout flows without breaking accessibility.
CX Codex +1
524installs
framer-motion-gestures skill A skill covering Framer Motion gesture animations: drag, pan, tap, hover and focus. Useful when you build interactive elements and need the prop details at hand.
CX Codex +1
766installs
localize skill Guides i18n architecture across UI layouts, ICU string formatting, RTL styles, and locale routing for multilingual web apps.
CX Codex +1
497installs
architecture-rendering skill Creates architectural visuals from text, sketches, and floor plans through each::sense AI. Use it for exterior, interior, aerial, and landscape scenes.
CX Codex +1
590installs
framer-motion-variants skill Teaches coding agents to coordinate Framer Motion animations using variants, staggered lists, and custom state machines.
CX Codex +1
759installs
responsive-design skill Guides coding agents in mobile-first responsive layout work using CSS Grid, Flexbox, and fluid sizing. Useful when interfaces need consistent adaptation across screens.
CX Codex +1
511installs
generative-illustration skill Guides coding agents to build motion graphics from isolated AI vector assets and render deterministic Canvas animations to MP4.
CX Codex +1
544installs
k2f-company-deck skill Turns company facts and brand inputs into an overview deck with positioning, proof and a contact slide. Not a fundraising pitch.
CX Codex +1
2,200installs
claude-skill-app-onboarding-questionnaire skill Reads your app codebase and generates a questionnaire-style onboarding flow: copy, screen designs and working code in your framework.
CX Codex +1
582installs
gsap-scrolltrigger skill A skill for GSAP ScrollTrigger: tie animations to scroll position, pin sections, build parallax and snap points. Useful when a page has to react to scrolling.
CX Codex +1
604installs
muapi-media-editing skill This skill edits images and videos through muapi.ai, covering prompt-driven changes, upscaling, background removal, lip sync, and video effects.
CX Codex +1
1,000installs
geist
official skill This skill guides you through adding Geist Sans, Geist Mono, and Geist Pixel to a Next.js project. Use it when setting up typography or deciding where each family belongs.
CX Codex GP ChatGPT
6installs
url-to-code
official skill Turns a live website into a working frontend app: captures elements, styles, interactions and assets via browser.
CX Codex GP ChatGPT
6installs
get-context
official skill A design-brief gate for Codex. It clarifies product targets and expected outcomes before creating UI files or running prototypes.
CX Codex GP ChatGPT
6installs
1,801–1,840 of 2,133
