NeVibeCode · 2,133 items
Skills for Design
Skills for Design: what each one does, an install command and example prompts.
whiteboard-animation skill Guides agents in generating VideoScribe-style whiteboard explainers with animated SVG strokes and a marker hand following the pen tip.
CX Codex +1
1,400installs
diagram-animation skill A coding-agent skill that turns a static diagram or chart into a step-by-step reveal: nodes, edges, labels, growing bars.
CX Codex +1
1,500installs
explainer-video skill Walks the agent through the full pipeline: script, storyboard, scene build, narration and caption sync. Useful when one idea has to become a 30–90s video.
CX Codex +1
1,500installs
exporting-to-png skill Teaches the agent to render code snippets, Mermaid diagrams, terminal logs, and SVG files into PNG images via CLI utilities or headless browsers.
CX Codex +1
401installs
godot-ui skill Gives the agent working knowledge of Godot Control nodes, themes and common screens. Useful when building menus, HUDs or inventories.
CX Codex +1
2,700installs
ui-design skill Makes the agent output a design specification — palette, fonts, layout — before it writes any interface code.
CX Codex +1
1,800installs
frontend-design-review skill This skill reviews and creates frontend interfaces with checks for design quality, accessibility, and design-system use. Use it for UI reviews, PRs, and responsive layouts.
237installs
aceternity-ui skill This skill gives your agent the Aceternity UI playbook: 100+ animated React components for Next.js with Tailwind. Useful for hero sections, parallax and 3D effects.
CX Codex +1
1,500installs
scenario-blender-previs-storyboard skill Turns scripts into 3D previs, storyboards, and animatics in Blender. It creates beat-driven shot lists, aligns cameras, and stages mannequins in Workbench.
CX Codex +1
339installs
responsive-web-design skill A skill that steers your coding agent toward mobile-first CSS with Flexbox, Grid and media queries. Useful when one layout has to hold up on phones and desktops.
CX Codex +1
1,100installs
structured-artifact skill A skill for building structured HTML artifacts: the agent decides how to present the content first, then picks the tools.
CX Codex +1
387installs
generating-images skill This skill generates and edits images through the OpenAI Image API on gpt-image-2. Handy when you need an OG banner, an icon or a mockup without leaving the agent chat.
CX Codex +1
388installs
iphone-duo-design-review skill Reviews iOS interface designs for the foldable iPhone Duo across closed, open, book, tabletop, and tent poses. Helps shape screen layouts before writing code.
CX Codex +1
584installs
nextjs-shadcn skill A skill that steers the agent through building Next.js interfaces with shadcn/ui, picking typography, theme, backgrounds and motion for the product.
CX Codex +1
835installs
roblox-game-design skill Designs core loops, invisible onboarding, game economies, and retention phases for Roblox experiences. Useful when players drop off early or progression feels grindy.
CX Codex +1
1,300installs
markdown-html-orchestrator skill Routes long Markdown documents, code reviews, and slide decks to the right converter, which writes a standalone HTML file. Use it when a document needs a browser-ready format.
46installs
presentation-creator skill Builds slide decks with narrative structure, slide copy, and speaker notes from raw ideas or docs. Outputs Marp markdown by default or web deck code.
CX Codex +1
881installs
tailwindcss skill Tells the agent how to write TailwindCSS: utility classes in markup, mobile-first breakpoints, dark mode through the dark: variant.
CX Codex +1
1,500installs
photo-composition-critic skill A skill that critiques photographs: composition, colour harmony and aesthetic scoring, with concrete fixes. Useful when you need a read on an image, not a retouch.
CX Codex +1
643installs
video-motion-graphics skill Applies Disney's 12 animation principles to After Effects and Premiere Pro workflows. Useful for refining easing, keyframe timing, and expressions in motion graphics projects.
CX Codex +1
2,400installs
mobile-touch skill A skill that steers your coding agent through gesture, haptic and animation work on iOS and Android. Useful when you need motion that feels native instead of guessed.
CX Codex +1
2,400installs
scenario-blender-grease-pencil skill Controls Grease Pencil v3 in Blender 5.x via Python for 2D rigs, fills, and frame-by-frame animation. Helps fix broken legacy GPENCIL scripts and dark unlit renders.
CX Codex +1
305installs
css-animation-creator skill A coding-agent skill for writing CSS animations, transitions, micro-interactions and scroll effects. Useful when you need motion in a UI without hand-tuning every duration.
CX Codex +1
805installs
frontend-accessibility-best-practices skill A skill with 7 accessibility rules for React: semantic markup, screen readers, keyboard support, user preferences. Useful when you build forms and interactive elements.
CX Codex +1
863installs
css-architecture skill A skill that gives your coding agent conventions for structuring CSS with BEM, SMACSS and CSS-in-JS. Handy when stylesheets outgrow the naming scheme you started with.
CX Codex +1
959installs
pulsar-haptics skill Integrates Software Mansion Pulsar haptic feedback across mobile and web frameworks. It handles presets, Figma bindings, and migrations from expo-haptics.
CX Codex +1
380installs
blender-lighting skill Configures studio, outdoor, and cinematic lighting in Blender scenes using automated Python recipes via MCP.
CX Codex +1
1,200installs
animation-designer skill A skill that hands your agent ready-made web animation patterns: page transitions, component reveals, parallax and micro-interactions.
CX Codex +1
1,900installs
lorem-ipsum skill Generates structured lorem ipsum filler text using a bundled Python script. Helps populate mockups and test files with precise word, character, or token counts.
CX Codex +1
511installs
product-design skill A skill that settles interaction choices, action scope, reversibility and reachable states before anyone builds the UI. Useful when a flow is still undecided.
CX Codex +1
825installs
book-illustrator skill Guides the creation of children's book artwork for ages 0–12, covering color theory, character design, and composition. Useful for planning spreads and character sheets.
CX Codex +1
453installs
design-mirror skill This skill reads a website’s visual language and applies it to an existing codebase. Use it when a UI needs to follow a reference site’s look.
CX Codex +1
340installs
maplibre-cartography skill A skill of cartographic rules for MapLibre GL JS: label and icon colors, layer order, contrast. Useful when a style is new or labels vanish over imagery.
CX Codex +1
419installs
ui-refactor skill Applies systematic design guidelines to help coding agents clean up messy layouts, define spacing scales, and pick accessible color schemes.
CX Codex +1
494installs
hig-foundations skill A skill that hands your agent Apple Human Interface Guidelines foundations: color, typography, SF Symbols, dark mode, accessibility. Useful when your UI looks off on Apple platforms.
CX Codex +1
730installs
character-design skill Create character images and video while keeping a character’s defining features consistent. The skill covers reference sheets, expression sets, outfit changes, and edits based on existing images.
CX Codex +1
449installs
developer-portal-design skill A skill that treats an external developer portal as a product: audiences, information architecture, the path to a first API call, RBAC.
CX Codex +1
8,100installs
mobile-first-design skill A skill that sets the order of UI work: design the phone screen first, then scale to tablet and desktop. Useful when layouts break on small devices.
CX Codex +1
857installs
figma-use
official skill This skill sets out how to use the Figma Plugin API through use_figma. It helps when an agent needs to change a Figma file or inspect its structure programmatically.
CX Codex GP ChatGPT
36installs
generate-image skill Generates images from text prompts using OpenAI or Stability AI. Useful when your coding agent needs to create logos, banners, or illustrations directly in the project.
CX Codex +1
343installs
1,281–1,320 of 2,133
