NeVibeCode · 2,133 items
Skills for Design
Skills for Design: what each one does, an install command and example prompts.
staggered-word-reveal skill Builds word-by-word text reveals as content enters the viewport. Use it for short headlines, section intros, quotes, and hero copy.
CX Codex +1
1,600installs
typography-scale skill Builds a modular type scale with sizes, weights and line heights. Useful when you are setting up a design system from scratch.
CX Codex +1
2,600installs
bencium-impact-designer skill Creates frontend interfaces with a clear visual direction. Use it for components, pages, and web apps when a generic look will not do.
CX Codex +1
5,400installs
square skill This skill gives the agent a full set of Square design-system rules: tokens, type scale, component states and accessibility criteria. Useful when a UI needs one consistent style.
CX Codex +1
2,000installs
pulse skill Provides rules for the vibrant Pulse design system with 4px borders, orange color tokens, and Limelight typography. Generates component specs and checks WCAG 2.2 AA criteria.
CX Codex +1
2,000installs
basic skill This skill guides AI toward print-inspired interfaces for books, magazines, and reports. Use it when you need editorial grids, expressive type, and explicit accessibility rules.
CX Codex +1
2,000installs
color-system skill This skill walks an agent through building a product palette: tonal scales, semantic roles and WCAG contrast checks. Useful when colours are defined from scratch.
CX Codex +1
2,500installs
illustration-style skill Define an illustration style guide covering visual language, colour usage, and component placement rules. Useful when standardising graphics or commissioning art.
CX Codex +1
2,500installs
visual-hierarchy skill This skill sets the order in which interface elements attract attention through size, weight, colour, spacing, and position. Use it when composing new screens.
CX Codex +1
2,500installs
paper-poster skill This deprecated skill redirects requests to /paper-poster-html. It preserves the old entry point, but should not be used for new posters.
CX Codex +1
499installs
animated-component-libraries skill Helps AI coding agents integrate pre-built animated React components from Magic UI and React Bits. Useful for building landing pages and dashboards without writing custom motion scripts.
CX Codex +1
2,900installs
modern-web-design skill A design reference skill for 2024-2025: trends, micro-interactions, scrollytelling, accessibility and performance. Useful when the agent builds a UI.
CX Codex +1
2,900installs
lottie-animations skill A skill that walks the agent through shipping After Effects Lottie animations on the web and in React: picking a player library and wiring playback controls.
CX Codex +1
2,900installs
replica-design skill Rebuild an app clone’s design system from screenshots as tokens, styles and component specs. Use it when you need to match interface structure and component behaviour.
CX Codex +1
630installs
demo-video skill Turns screenshots and scene descriptions into product walkthroughs, animated demos, or GIFs directly in Claude Code.
708installs
editorial-portfolio-chapters skill A skill for creative-studio, agency, photographer and artist sites where the work leads the story. Useful when a portfolio has to read as a run of magazine chapters.
CX Codex +1
1,400installs
product-proof-saas skill A skill for SaaS and AI landing pages where the proof is a real interface or a clearly labeled demo, not atmospheric decoration.
CX Codex +1
1,400installs
funky-purple-container-tech skill Guides the agent to design dark, container-driven interfaces with fuchsia-purple accents, structured frame lines, and futuristic glowing details.
CX Codex +1
1,400installs
ambient-section-particles skill A skill that builds a restrained particle layer inside one section: petals, snow, sparks, confetti. Content stays readable.
CX Codex +1
1,400installs
reveal-hover-effect skill A skill for building a spotlight that follows the pointer and uncovers a second aligned image through a soft radial mask. Useful for hover-to-color and before/after effects.
CX Codex +1
1,400installs
scroll-progress-timeline skill Turns any ordered sequence into a responsive scroll timeline with a progress fill. Useful for onboarding flows, checkouts, roadmaps, and case studies.
CX Codex +1
1,400installs
daily-ui-inspiration-capture skill Builds a dated UI inspiration bundle with screenshots, video, motion frames, and an AI-builder prompt. Useful for repeatable article-ready captures.
CX Codex +1
1,400installs
framed-tech-dark-border-gradient skill A skill that points your coding agent at a dark technical design system: edge rails, gradient borders, asymmetrical panels, monochrome type.
CX Codex +1
1,400installs
solar-duotone-bold skill Guidelines for applying Iconify Solar Duotone Bold icons in UI designs. Useful when standard outline sets feel plain and components need layered visual depth.
CX Codex +1
1,400installs
orange-clean-paper-saas skill Gives your coding agent a design-system direction: warm paper tones, orange accent signals, rounded forms and product illustration surfaces.
CX Codex +1
1,400installs
dark-blue-contrasting-clean skill Points an AI agent at a dark-blue design direction: near-black navy base, cobalt feature blocks, white type and thin framing rails.
CX Codex +1
1,400installs
bright-green-tech-system-webgl skill Creates a technical design system with dark structured surfaces, bright green signal accents, mono utility typography, and an interactive WebGL viewport.
CX Codex +1
1,400installs
nested-container-clean-agency skill Gives your coding agent a design direction: an outer editorial shell, inset dark feature blocks, rounded cards and a restrained accent color.
CX Codex +1
1,400installs
glass-dark-mode-clock skill Sets a dark glass design system: frosted shells, beam grids and a circular clock-like dial anchoring the page.
CX Codex +1
1,400installs
tech-green-dark-mode-modern skill Defines a technical dark-mode design system with matte-black surfaces, emerald accents, and mono labels. Use it for instrumented dashboards without loud neon washes.
CX Codex +1
1,400installs
corner-lasers skill Builds corner-based laser visuals with thin beams, a bright emitter and atmospheric glow. Use it when light should originate from or converge at an edge junction.
CX Codex +1
1,400installs
blue-cloudy-clean-modern skill Sets a design direction built on a blue sky field, drifting cloud light and white typography. Useful when an interface should feel calm and airy.
CX Codex +1
1,400installs
nested-container-frames skill Guides AI coding agents in building container-in-container layouts with framed bounds and inset sections. Useful for clean landing page structure.
CX Codex +1
1,400installs
dither-laser-dark-mode skill This skill shapes a dark design system with ordered-dither texture and a thin laser accent. Use it for atmospheric interfaces that still need clear hierarchy.
CX Codex +1
1,400installs
light-mode-paper-technical skill Sets a light-mode design direction: warm paper surfaces, a dark outer frame, subtle diagonal texture and one restrained accent.
CX Codex +1
1,400installs
book-serif-index skill Sets rules for archival readers and editorial interfaces: serif typography, aged paper textures, marginalia boxes, and monospace catalog navigation.
CX Codex +1
1,400installs
blue-laser-clean-glass-layout skill A design-system skill for dark interfaces: a thin blue laser behind the page, frosted glass shells and a tidy dashboard frame.
CX Codex +1
1,400installs
aura-asset-images skill This skill searches the Aura Assets library by tag and returns direct links to 5 image candidates for mockups and landing pages.
CX Codex +1
1,400installs
high-contrast-skeuomorphic-clean skill Defines rules for building high-contrast, tactile dark interfaces with molded panels and restrained accents. Useful when designing industrial UI systems.
CX Codex +1
1,400installs
split-layout-technical skill Shapes a technical split-screen interface with framed panels, mono metadata and restrained type. Use it when visual content and supporting information need distinct areas.
CX Codex +1
1,400installs
641–680 of 2,133
