NeVibeCode · 2,133 items
Skills for Design
Skills for Design: what each one does, an install command and example prompts.
imagegen-frontend-mobile skill Generates premium mobile screen images and flows for iOS, Android, and cross-platform with clean hierarchy, readable text, and controlled palettes.
CX Codex +1
1,700installs
imagegen-frontend-web skill Directs AI to generate section-by-section web design references. It enforces one horizontal image per section instead of squashing the page into one graphic.
CX Codex +1
1,700installs
reference-design-contract skill Turns screenshots, URLs, product notes, and vague style requests into DESIGN.md plus an implementation handoff. Use it before prototypes or redesigns.
CX Codex +1
1,800installs
design-md skill Create and validate DESIGN.md token specs, compare revisions, and export design tokens to Tailwind or W3C DTCG formats.
CX Codex +1
523installs
drawio skill This skill has the agent draw draw.io diagrams and save them as .drawio files, with export to PNG, SVG or PDF.
CX Codex +1
3,200installs
engineering-drawing skill Generates an ISO engineering drawing as a PDF directly from part geometry. Adds orthographic views, hidden lines, hole callouts, and dimensions for manufacturing.
CX Codex +1
2,200installs
papercraft-stop-motion-explainer skill This skill turns a topic into a production plan for a papercraft stop-motion explainer: characters, sets, prompts and a storyboard.
CX Codex +1
3,400installs
music-video-subtitle-generator skill Plans AI music video storyboards and kinetic lyric typography from audio tracks and lyrics. Useful for creators generating multi-shot shot prompts and timing rules.
CX Codex +1
3,400installs
minimalist-product-ad-generator skill This skill turns product images and an ad brief into a short product film, from choosing a format to planning shots and generating video. It is aimed at product promotion and launches.
CX Codex +1
3,400installs
codex-pet skill Generates custom Codex Pet spritesheets and manifests from a single reference image. Useful for creating desktop companions without a Codex Pro tier.
CX Codex +1
401,100installs
architecture-diagram skill Generates SVG architecture and cloud infrastructure diagrams as a standalone HTML file with a dark theme. No API keys or external dependencies needed — just a browser.
CX Codex +1
491installs
extract-design skill This skill analyzes a website URL and generates files describing its design system. Use it to bring a site's colors, typography, and component patterns into a project.
CX Codex +1
2,900installs
co-op-game-intro-generator skill Generates opening menu animations for two-player co-op games. It locks character identity cues, arranges UI elements, and formats prompts for MiniMax H3.
CX Codex +1
3,300installs
remotion skill Teaches AI agents toolkit-specific Remotion patterns, including custom transition shaders and 30 fps video rules.
CX Codex +1
1,200installs
dfm skill Reviews 3D parts for sheet metal bending, CNC machining, and injection molding. Catches design-for-manufacturing issues before sending parts to the shop.
CX Codex +1
2,100installs
uizze-ui skill Guides the agent through layout fixes, typography adjustments, and UI state handling. Helpful when improving component hierarchy using existing project tokens.
CX Codex +1
144,000installs
plan-design-review skill Senior product designer review for plans before implementation begins. It spots missing UX decisions and updates the plan document directly.
CX Codex +1
476installs
napkin
official skill Opens a browser whiteboard for sketches and sticky notes, then lets Copilot respond to what you drew. Use it when a visual outline is easier than explaining an idea in chat.
2,200installs
ai-image-generation skill This skill creates images from text and edits existing ones through the RunComfy CLI. It picks a model for the task, such as rendering poster text or making a photorealistic portrait.
CX Codex +1
383,000installs
ui skill This skill builds and refines production interfaces with a clear visual direction and screenshot-based checks. Use it for pages, components, and typography.
CX Codex +1
4,300installs
material-ui-tailwind skill This skill explains how to combine Material UI with Tailwind CSS, handle CSS layer order, pass utility classes to components, and work with Tailwind v3.
CX Codex +1
365installs
image-inpainting skill Edits local image regions using masks via the runcomfy CLI. It removes objects, cleans up watermarks, or replaces backgrounds according to prompt instructions.
CX Codex +1
377,700installs
image-outpainting skill Extends an existing image with runcomfy, changes its aspect ratio, and fills in the missing surroundings while keeping the original scene.
CX Codex +1
376,700installs
relight skill Relights still images by changing light angles, color temperature, and mood via the RunComfy CLI. Useful for product shots and portraits without regenerating scenes.
CX Codex +1
376,200installs
frontend-design skill Teaches the agent to create memorable interfaces instead of generic layouts: picks an aesthetic direction, checks accessibility, writes clean code.
CX Codex +1
2,600installs
manim-video skill Builds Manim CE projects for math, algorithm, and technical animations. Useful when an AI agent needs to turn an explanation into a rendered video.
CX Codex +1
455installs
design-guide skill This skill defines Paperclip rules for UI components, tokens, typography, and status systems. Use it when building or changing frontend pages.
CX Codex +1
366installs
hairline-create skill Generates interactive isometric line figures using the Hairline engine and outputs them as self-contained HTML files.
CX Codex +1
5,200installs
lottie-bodymovin skill Applies Disney's 12 animation principles to Lottie vector animations. Bridges After Effects setup with runtime JavaScript controls.
CX Codex +1
1,100installs
visual-style skill Creates, extracts, and ports portable design systems in visual-style.md files. It standardizes color roles, typefaces, and layout rules for videos, slides, or UI components.
CX Codex +1
1,100installs
remotion-best-practices skill This skill gives coding agents Remotion guidance for React projects, from animation and audio to compositions and video parameters. Use it while building or editing Remotion code.
CX Codex +1
1,500installs
baoyu-infographic skill A skill that generates infographics by combining 21 layouts with 21 visual styles. Feed it text, data, or a URL and get a structured visual summary in the format you choose.
CX Codex +1
440installs
api-designer skill Skill for REST and GraphQL API architecture with OpenAPI 3.1 specification generation. Models resources, plans versioning strategies, and establishes error handling standards.
CX Codex +1
6,500installs
ascii-video skill Converts video, audio, and images into colored ASCII video (MP4, GIF). Supports audio-reactive visualization, generative animation, and text overlays.
CX Codex +1
435installs
startup-canvas skill A skill that generates a Startup Canvas for new products, combining a 9-section Product Strategy with Business Model (costs and revenue). Use it when launching a product or testing a startup idea.
CX Codex +1
3,200installs
frontend-dev skill Orchestrates frontend development, motion design, AI-generated media, and conversion copy. Built for landing pages, marketing sites, and dashboards.
CX Codex +1
3,200installs
excalidraw skill Creates .excalidraw files for architecture diagrams, flowcharts, and sequence diagrams. Use it when you want an agent to turn a system or process into an editable diagram.
CX Codex +1
412installs
customer-journey-map skill Builds an end-to-end customer journey map with stages, touchpoints, emotions, pain points, and opportunities. Useful for experience research and onboarding work.
CX Codex +1
3,100installs
gpui-kit-design-guides skill Supplies normative desktop interface rules for GPUI Kit applications. Useful when creating new screens, styling components, or auditing UI against review checklists.
CX Codex +1
987installs
threejs-postprocessing skill This skill helps an agent add Three.js post-processing such as glow, blur, depth of field, and screen effects. Use it when building a scene’s visual pipeline.
CX Codex +1
1,100installs
321–360 of 2,133
