NeVibeCode · 2,133 items
Skills for Design
Skills for Design: what each one does, an install command and example prompts.
landing skill This skill creates a single-page HTML landing page with 3D CSS animation, GSAP scroll effects, and mouse parallax. It collects product and brand details before generating the page.
404installs
conversion-optimization skill A guided funnel audit for leaking landing pages, signups, checkouts, or onboarding flows. The skill walks through seven phases and saves decisions directly to docs/.
CX Codex +1
1,300installs
tastemaker skill A skill that pulls style from real references, locks it per project, and reuses it across every screen.
CX Codex +1
892installs
seedance-2.0-prompter skill Builds a structured Seedance 2.0 video prompt from images, videos, audio, and a creative brief. Useful when a request needs several assets and careful prompt design.
CX Codex +1
1,300installs
android-design-guidelines skill A skill that keeps an AI agent inside Material Design 3 while building Android UI: dynamic color, color roles, navigation patterns.
CX Codex +1
1,700installs
image-generation skill Turns a rough visual idea into a working prompt for DALL-E, Midjourney or Stable Diffusion, shaped for the tool you actually use.
CX Codex +1
5,600installs
chart-designer skill Picks a chart type for your data and hands back ready configs for ECharts and Chart.js. Useful when you need a dashboard or report, not a hand-drawn graph.
CX Codex +1
5,700installs
figma-shaders skill Create or revise Figma shader effects and fills through MCP. Load this skill before using create_shader or update_shader.
CX Codex +1
520installs
remotion-3d-ticker skill Builds looping 3D column scroll effects for Remotion videos. Useful for multi-lane photo feeds, credits, and parallax showcases.
CX Codex +1
852installs
landing-page-design skill Guides landing page work around the hero, CTA and social proof. Use it when shaping a product or marketing page and its visual direction.
CX Codex +1
56,100installs
light-spotlight-render skill Create a standalone HTML animation that reveals text with a swinging spotlight. Adjust the effect’s text, motion, lamp size, glow, and colors.
CX Codex +1
840installs
product-photography skill Generates commercial product renders, e-commerce packshots, and lifestyle scenes. Relies on the belt CLI tool to run image models.
CX Codex +1
55,700installs
storyboard-creation skill A skill for planning film and video storyboards: shot vocabulary, camera angles, continuity rules and panel annotation format.
CX Codex +1
55,500installs
character-design-sheet skill Maintains consistent character appearances across AI image generations using FLUX LoRA anchors and multi-view reference sheets. Useful for game art, comics, and visual storytelling.
CX Codex +1
55,500installs
app-store-screenshots skill Creates store listing screenshots, device mockups and preview-video scenes for Apple App Store and Google Play. Use it when preparing an app listing.
CX Codex +1
55,600installs
youtube-thumbnail-design skill A skill for YouTube thumbnail design: sizes, contrast, safe zones, and image generation through the belt CLI.
CX Codex +1
55,400installs
image-processing skill Resize, trim whitespace, convert PNG/WebP/JPG, optimise size, build thumbnails and OG cards. Runs on Pillow through the img-process CLI.
CX Codex +1
2,400installs
figma-generative-plugins skill Guides AI agents through authoring and updating generative Figma Design plugins. It enforces safe workflows for code generation, UI layout, and testing links.
CX Codex +1
504installs
wechat-2d-render skill Pulls the wechat-2d project and renders its WeChat-style 2D chat animation with Remotion. Useful when you need a clip to drop into an edit.
CX Codex +1
817installs
object-separation skill Isolates a person or product from video backgrounds using SAM 2 right on your machine. Generates frame-by-frame PNG masks and a green highlight preview.
CX Codex +1
1,100installs
video skill Writes and repairs prompts for AI video generators, and builds storyboards and shot lists along the way. Useful once a script exists and clips still have to be shot.
CX Codex +1
959installs
storefront-best-practices skill This skill guides storefront work, from product pages and carts to checkout flows. Use it when building or changing an online store interface.
CX Codex +1
4,600installs
design-review skill The skill scores a screen or flow across six weighted dimensions, runs Nielsen's heuristics and returns a prioritized findings table.
CX Codex +1
594installs
rams skill Reviews UI components for WCAG 2.1 compliance and visual styling bugs. Handy when auditing front-end code before shipping.
CX Codex +1
3,000installs
infographic skill Plans layouts, wireframes, and narrative structure for infographics. Handy when preparing clear design specs before actual drawing.
CX Codex +1
5,100installs
building-admin-dashboard-customizations skill Guides AI agents in building Medusa Admin dashboard extensions, widgets, and custom UI routes. Essential when customizing store management panels.
CX Codex +1
4,400installs
image skill Creates image prompts for Nano Banana and GPT Image 2.5, with model, quality, size, and aspect-ratio guidance.
CX Codex +1
916installs
Frontend Responsive Design Standards skill A skill that gives your coding agent rules for mobile-first layouts: breakpoints, relative units, touch targets and content priority.
CX Codex +1
1,200installs
higgsfield skill Writes and refines prompts for Higgsfield video and image models, choosing camera setups and motion presets. Useful for directors aiming for character consistency and tight shot control.
CX Codex +1
524installs
diagram-creator skill Generates system diagrams and flowcharts using Mermaid, PlantUML, and D2 syntax. It helps document APIs, database relations, and service architecture.
CX Codex +1
5,000installs
favicon-gen skill Generates complete favicon packages and web manifests from logos, text monograms, or brand colors. Provides clean HTML markup for site headers.
CX Codex +1
2,200installs
axiom-design skill Guides Apple UI decisions across Human Interface Guidelines, Liquid Glass effects, SF Symbols rendering, typography, and app entry points.
CX Codex +1
1,400installs
ui-ux skill A skill that makes the agent follow a design process: brief, 2–3 wireframes, then code. Built for dashboards, tables, forms and modals.
CX Codex +1
884installs
app-icon skill Generates and configures app icons for React Native Expo apps. Handles iOS 26 Liquid Glass formats, Android adaptive safe areas, and app.json updates.
CX Codex +1
2,100installs
a11y-audit skill Audits UI and design against WCAG 2.2 and ARIA patterns. It checks contrast, keyboard navigation, and screen-reader readiness with concrete severity ratings.
CX Codex +1
550installs
frontend-design-deslop skill A skill that steers generated interfaces away from the default AI look: typography, OKLCH color, design tokens, dark mode, accessibility.
CX Codex +1
4,800installs
generate-image
official skill Generate images from text prompts with OpenAI or Google Gemini. Use it to create project textures, icons, sprites, artwork, or mockups.
93installs
favicon skill Creates favicon files from one source image, then updates the web manifest and project HTML. Use it when adding or replacing site icons.
CX Codex +1
2,800installs
design-tokens skill Create, extend, and validate DTCG design tokens with a three-tier structure. Useful for palettes, typography, theming, and other interface values.
CX Codex +1
538installs
redesign skill This skill audits an existing interface and revises its design while preserving working features. Use it to refresh a website or app without changing its core behavior.
CX Codex +1
535installs
881–920 of 2,133
