NeVibeCode · 2,133 items
Skills for Design
Skills for Design: what each one does, an install command and example prompts.
3d-virtual-tour skill A skill for building virtual tours through a 3D scene: authored camera paths, room navigation, orbit inspection. Useful for architectural walkthroughs and showrooms in Three.js.
CX Codex +1
527installs
frontend-app-builder
official skill This skill designs and builds frontend apps, websites, and games, then checks the result in a browser. Use it for a new interface or an explicit redesign request.
CX Codex GP ChatGPT
252installs
rebranding skill Plans a rebrand from diagnosis through a new brand direction and rollout. Use it when the current identity no longer matches where the brand is heading.
CX Codex +1
1,600installs
brand-audit skill Evaluates brand health and consistency across six dimensions before you invest in rebranding or marketing campaigns.
CX Codex +1
1,700installs
visual-content skill Plans visual assets across blogs, social media, and newsletters, giving platform image dimensions and multi-channel repurposing maps.
CX Codex +1
2,300installs
frontend-slides-editable skill Creates editable single-file HTML presentations with an in-browser editor. Use it when generated slides need ongoing layout and content changes.
CX Codex +1
537installs
pp-figma skill Extracts compact Figma frame payloads for AI codegen, audits comments, and detects stale components. Ideal for design token diffs and design system CI checks.
CX Codex +1
726installs
3d-high-resolution-textures skill Picks texture resolution and PBR maps so close-up surfaces stay sharp without blowing up GPU memory.
CX Codex +1
508installs
3d-sky-rays skill A skill that adds crepuscular rays to a Three.js scene, shaped by roofs and foliage. Useful for golden-hour architectural shots.
CX Codex +1
506installs
tvos-design-guidelines skill Provides Apple Human Interface Guidelines for tvOS apps. It guides agents on focus navigation, Siri Remote controls, and 10-foot UI layouts.
CX Codex +1
1,100installs
watchos-design-guidelines skill A skill that feeds your agent Apple Human Interface Guidelines for watchOS: glanceable screens, Digital Crown, complications.
CX Codex +1
1,100installs
explainer-high-energy skill Turns a product brief into a 12–20 second high-energy motion-graphics promo, rendered from an HTML page to MP4 with synthesised music.
CX Codex +1
831installs
explainer-default skill Builds a product demo in MP4 from code, with UI scenes, camera moves, music, and a closing card. Made for launch videos, walkthroughs, and SaaS explainers.
CX Codex +1
819installs
nanobanana-skill skill Generates and edits images via Google Gemini models directly inside your coding agent. Ideal for creating concept art, logos, or modifying existing graphics.
CX Codex +1
319installs
layers-product-strategy skill Connects user needs to business goals and solution bets. Useful for testing risky product assumptions quickly without building full features.
CX Codex +1
2,000installs
layers-surface skill A skill for auditing the surface of a product: words, objects, feedback, hierarchy, accessibility. It sorts surface fixes from problems rooted deeper.
CX Codex +1
2,000installs
layers-interaction-flow skill A skill for mapping interaction structure before visual design: places, affordances, edge cases and failure paths.
CX Codex +1
2,000installs
layers-intro skill Introduces the Layers of Product Design framework for AI design sessions. Load it first to give all other layers skills their shared context.
CX Codex +1
2,000installs
layers-conceptual-model skill This skill maps a product’s objects, relationships, states, and vocabulary before interface work. Use it when the domain model still needs decisions.
CX Codex +1
2,000installs
remove-image-watermark skill Removes visible watermarks from PNG, JPG, JPEG, and WEBP images using the Pilio API. Useful when cleaning graphic assets directly from the terminal agent.
CX Codex +1
7,600installs
design skill Guides an agent through Subframe work: build a page or component, line up design options on a canvas, adjust a theme.
CX Codex +1
775installs
develop skill This skill guides agents through building Subframe designs into an app or revising an existing page. It also clarifies which changes need to move between the canvas and code manually.
CX Codex +1
767installs
codex-gpt-image-2-5-flare skill A skill that walks the agent through generating and editing artwork with Claude built-in image gen: transparent PNGs, sprites, emblems and UI graphics.
CX Codex +1
475installs
tailwind-design-system skill Creates and orchestrates a design system using Tailwind CSS v4.1+ and shadcn/ui. It defines oklch design tokens, themes via CSS variables, and wraps UI primitives.
CX Codex +1
4,500installs
game-ui-design skill Provides game UI design guidelines for HUDs, inventory screens, and radial menus. Built around controller navigation, safe zones, and rapid readability during action.
CX Codex +1
3,900installs
layers-domain skill A technique library for mapping real-world domain concepts, terminology clashes, and bounded contexts before shaping a product.
CX Codex +1
1,900installs
layers-orient skill This skill audits decisions across seven product layers, finds the bottleneck, and suggests a next skill. Use it when you need to decide what to examine first.
CX Codex +1
1,900installs
cast skill A creative coding skill that turns a static interface into something alive: motion, micro-interactions, real feedback. Adapts to Web, Android (Compose) and Apple (SwiftUI).
CX Codex +1
1,300installs
paint skill Runs a full design pipeline for Web, Compose, and SwiftUI: from art direction brainstorm to tokens, page implementation, and motion audit.
CX Codex +1
1,300installs
react-container-presentation-component
official skill This skill scaffolds React components with the Container/Presentation pattern and follows the project’s TypeScript, Storybook, and SCSS conventions.
65installs
motion-art-direction skill Sets the motion rules before a single frame is animated: one easing family, one timing unit, one transition set for the whole piece.
CX Codex +1
3,300installs
paper-slide-deck skill Turns articles, notes, and PDF papers into stylized slide images for social sharing and reading. Useful when visual impact matters more than editable text.
CX Codex +1
498installs
taste skill Reverse-engineers any webpage aesthetic using a real browser to extract concrete design tokens and style rationale. Helps port a visual language to new code.
CX Codex +1
579installs
obsidian-layout-adjustment skill A skill that restyles Obsidian through CSS snippets: it maps a plain description of an element to the right UI layer, patches the active snippets and checks the result on a screenshot.
CX Codex +1
435installs
tailwindcss-advanced-layouts skill Advanced Tailwind CSS layout recipes. Helps you assemble complex CSS Grid structures, container queries, and resilient Flexbox patterns directly in your components.
CX Codex +1
8,100installs
lovart-api skill Lets the agent order images, video and music from Lovart AI, and keeps projects and conversation threads in order. Needs Lovart API keys.
CX Codex +1
1,400installs
editor skill Analyzes video, audio, and images, generates AI media, and builds video compositions using Diffusion Studio.
CX Codex +1
1,800installs
swiftui-design-skill skill Designs custom SwiftUI screens for iOS and macOS without generic AI clichés. Useful when drafting interface prototypes or picking a distinct visual direction.
CX Codex +1
1,000installs
svg-animations skill Instructs the assistant to write clean animated SVGs using CSS and SMIL. Helpful when building custom icons, loading spinners, and logo animations.
CX Codex +1
2,600installs
ai-image-generator skill A skill that tells your agent which Gemini or Claude model to pick and how to build prompts in five parts. Useful when a site needs hero banners, icons or OG images.
CX Codex +1
1,400installs
961–1,000 of 2,133
