NeVibeCode · 2,133 items
Skills for Design
Skills for Design: what each one does, an install command and example prompts.
continuous-discovery skill Builds a weekly customer interview habit, maps opportunities to solutions, and tests assumptions before writing code.
CX Codex +1
5,200installs
gc-minimal-zine-poster-v0-3 skill This skill turns a theme, sentence or photo into a minimal paper-texture zine poster: it picks a metaphor, writes the prompt and generates the image.
CX Codex +1
370installs
build-awwwards-quality-sites skill Provides art direction and implementation rules for motion-led, interactive websites. Guides the AI agent through GSAP choreography, smooth scrolling, and WebGL safeguards.
CX Codex +1
3,100installs
od-next-media-inputs skill Fills the media slots of an already frozen OD Next plan: routes stock searches, pulls photos into the project, and leaves every quality condition standing.
CX Codex +1
311installs
web-prototype skill Builds one self-contained HTML prototype from a seed template and eight section skeletons. Handy for a landing page, a pricing page or a docs index.
CX Codex +1
300installs
ce-prototype skill Builds a throwaway prototype to settle how a feature should work, feel or read while backing out is still cheap.
CX Codex +1
544installs
component-canvas skill Builds a full-screen canvas where your project's components show up as they actually behave, with pan, zoom and variant comparisons. Useful when you need the whole design system in one view.
CX Codex +1
685installs
motion-framer skill Guides an agent through Motion and Framer Motion animations for React interfaces, from hover effects to state and layout transitions.
CX Codex +1
5,900installs
qiaomu-mondo-poster-design skill Generates AI prompts and visuals in Mondo screen-print aesthetic with limited palettes, negative space, and tailored aspect ratios.
CX Codex +1
1,400installs
color-expert skill A color theory and color science skill for designing OKLCH design system ramps, checking APCA contrast, and tuning generative palettes.
CX Codex +1
2,700installs
ui-ugui skill This skill inspects, creates, and revises Unity uGUI interfaces. Use it for Canvas hierarchies, RectTransforms, layout groups, or prefab UI.
CX Codex +1
6,400installs
design-lab skill A skill that interviews you about a UI task, builds five different directions in a throwaway lab, then turns the pick into an implementation plan.
CX Codex +1
2,000installs
information-architecture skill Defines product structure and navigation before visual design begins. Bridges the gap between a design brief and actual frontend code.
CX Codex +1
5,900installs
design-tokens skill Generates a design tokens file — CSS variables or Tailwind config — from a chosen aesthetic, with light and dark palettes.
CX Codex +1
5,900installs
shadcn-ui-flutter skill A skill that hands your agent the shadcn_ui docs for Flutter: theming, component pages and copy-ready examples.
CX Codex +1
678installs
design-review skill Runs a structured design critique against the brief and the code: hierarchy, consistency, responsiveness, accessibility. Useful before you ship.
CX Codex +1
5,800installs
oklch-skill skill Converts hex, RGB, and HSL to OKLCH, generates uniform palettes, and checks APCA or WCAG contrast. Useful for theme setup in Tailwind v4 and handling P3 gamut boundaries.
CX Codex +1
4,600installs
page-mascot skill Puts a chibi character on your page that turns its head toward the pointer and reacts to clicks. Wires up a <Mascot /> React component from ready sprite sheets or draws a new one.
CX Codex +1
1,300installs
cinematic-gsap-lenis-motion-system skill Builds cinematic web animation systems using GSAP, ScrollTrigger, and Lenis. Ideal for luxury editorial layouts, creative portfolios, and smooth reveals.
CX Codex +1
2,400installs
svg-icon-generator skill A skill for SVG icon work: it walks the agent through the steps, writes the code and checks the output. Turns on by itself when your request mentions svg.
CX Codex +1
1,300installs
huashu-slides skill Builds PPTX presentations from raw notes through a multi-step workflow. It provides 18 visual design systems and pairs AI illustrations with structured slide outlines.
CX Codex +1
834installs
grill-me skill Interviews you about a plan or design until every branch of the decision tree is resolved. Useful before you start building.
CX Codex +1
5,400installs
frontend-design skill Generates production-grade UI based on established design philosophies. It checks existing tokens and components before writing any new code.
CX Codex +1
5,500installs
shadcn-ui skill A skill that tells the agent how to install and configure shadcn/ui components: buttons, dialogs, tables, and forms with React Hook Form and Zod.
CX Codex +1
22,400installs
design-brief skill Interviews you about a feature, scans the codebase, and saves a design brief as markdown. Useful before you start building a page.
CX Codex +1
5,300installs
product-designer skill A skill for user journeys, wireframes, prototypes, design systems, and usability tests. Use it when a coding task needs a structured product-design workflow.
CX Codex +1
4,900installs
grill-me skill Stress-tests project plans and design docs through a disciplined question-and-answer interview to resolve decisions before coding.
1,157installs
art-bible skill Walks you through nine sections of a game art bible: visual identity, colour, characters, environment, UI and asset standards. Meant to run before asset production starts.
CX Codex +1
539installs
brief-to-tasks skill Converts a design brief into an ordered checklist of vertical slice tasks and saves it as a markdown file.
CX Codex +1
5,200installs
design-flow skill Walks you from clarifying questions to built components across six phases, confirming before each next step.
CX Codex +1
5,300installs
ai-image-prompts-skill skill The skill pulls matching prompts from a 10,000+ library and shows each one with its sample image.
CX Codex +1
1,100installs
beautiful-shadows skill A skill that hands your agent three exact Tailwind arbitrary shadow classes for cards, panels and popovers. Useful when default shadow-sm and shadow-lg look blunt.
CX Codex +1
2,200installs
drawio
official skill Builds native .drawio diagram files and exports them to PNG, SVG, or PDF with embedded XML.
314installs
ui-design-system skill This skill builds design tokens, component structures, and responsive calculations. Use it when a project needs a consistent UI system or a developer handoff.
1,076installs
glassmorphism skill Guides the agent in creating glassmorphism design system rules with translucent layers, blur, and high contrast. Fits teams building bento cards compliant with WCAG 2.2 AA.
CX Codex +1
2,900installs
cinematic-scroll-storytelling skill Generates scroll-driven landing page animations using Lenis and GSAP ScrollTrigger. It helps structure editorial storytelling, sticky card stacks, and masked typography reveals.
CX Codex +1
2,100installs
premium skill Sets Apple-inspired design-system guidance for tokens, spacing, typography and accessibility. Use it when building or aligning an interface.
CX Codex +1
2,700installs
editorial skill A skill that turns your agent into an editorial design-system author: serif type scale, 8pt grid, color tokens, component states and accessibility checks.
CX Codex +1
2,700installs
dream-loop skill Autonomously builds game or app visuals until live screenshots match a target rendering. Useful when high graphical fidelity is required.
CX Codex +1
814installs
drawio-reconstruction skill Reconstructs diagram images, research figures, and slides into editable .drawio files while matching the original look. It exports vector elements alongside rendered preview images.
CX Codex +1
514installs
481–520 of 2,133
