NeVibeCode · 2,133 items
Skills for Design
Skills for Design: what each one does, an install command and example prompts.
scenario-inspiration skill A skill for creative tasks with no direction yet: it gathers references, proposes concepts to pick between, and turns the pick into a moodboard.
CX Codex +1
429installs
muse skill A skill for design tokens: defines color, spacing, typography and shadows, then moves existing code onto semantic tokens.
CX Codex +1
711installs
swiftui-design-principles skill A skill that hands your coding agent fixed rules for spacing, type and color in SwiftUI and WidgetKit, so the UI reads as a native app instead of generated markup.
CX Codex +1
1,300installs
mapbox-cartography skill A skill that feeds your agent cartographic rules: layer hierarchy, color palettes, typography and zoom strategy for Mapbox styles.
CX Codex +1
2,100installs
openrouter-images skill This skill talks to OpenRouter's Image API to draw from a text prompt or rework an existing picture with instructions. It also lists which models exist and what they accept.
CX Codex +1
471installs
kinetic-typography skill Generates expressive kinetic text animations, split-text reveals, and variable font effects in CSS, GSAP, Framer Motion, and Remotion.
CX Codex +1
2,200installs
shadcn skill Guides AI agents through shadcn/ui and Radix UI best practices. Prevents broken themes and keeps component accessibility intact.
CX Codex +1
369installs
template-builder-ui skill Helps design and audit tenant-facing Sent v3 template builders, preview interfaces, channel validation, and lifecycle states before submitting to providers.
CX Codex +1
2,900installs
scenario-text-overlay skill Deterministically renders text cards and overlays to transparent PNGs for compositing on Scenario media.
CX Codex +1
397installs
motion skill This skill guides Motion and CSS animation work, finds docs and examples, and helps inspect performance issues. Use it when building UI motion or upgrading Motion.
CX Codex +1
717installs
tailwindcss-mobile-first skill A skill that walks your coding agent through mobile-first responsive design with Tailwind CSS v4. Useful when breakpoints, fluid type and grids need to line up instead of fighting each other.
CX Codex +1
2,100installs
scenario-gemini-image skill Guides image generation and natural-language edits with Google Gemini models on Scenario via MCP.
CX Codex +1
392installs
blender-materials skill Creates and assigns PBR materials in Blender through Principled BSDF: metals, glass, plastic, fabric, skin. Useful when the request is “make it look like copper” or “matte finish”.
CX Codex +1
1,600installs
minimalist skill A web design skill that generates section reference images, analyzes them, and only then writes the frontend.
CX Codex +1
319installs
redesign skill Redesigns web apps and sites without breaking existing SEO, brand colors, or conversion forms. Audits the surface before touching any code.
CX Codex +1
469installs
scenario-formats skill A decision ladder for shipping one approved master at many sizes and ratios through Scenario. Use it when one visual has to feed stories, feeds, banners and previews.
CX Codex +1
394installs
scenario-video-editing skill MCP skill for editing existing Scenario footage with tool models instead of new generations. Handles LUT grading, trimming, split cuts, reversing, and background removal.
CX Codex +1
383installs
ui-web skill Design skill enforcing WCAG 2.1 AA accessibility, Tailwind CSS tokens, dark mode contrast, and glassmorphic UI patterns.
CX Codex +1
393installs
wcag-accessibility-audit skill Checks websites and web apps against WCAG 2.1 and 2.2, exposing accessibility barriers and reviewing A, AA, or AAA conformance.
CX Codex +1
1,600installs
industrial-brutalist skill A skill for sites in industrial brutalism and tactical telemetry style. It generates design images first, then writes the frontend.
CX Codex +1
311installs
scenario-grok-imagine-image skill Generates and edits images with Grok Imagine models on Scenario via MCP. Useful for posters, packaging, and ads needing legible in-image text.
CX Codex +1
373installs
scenario-ideogram skill A skill for generating and editing images with Ideogram models on Scenario over MCP: in-image text, transparent PNGs, background removal.
CX Codex +1
381installs
scenario-seedream skill Generates and edits images with ByteDance Seedream models on Scenario via MCP. It handles exact in-image text, layer splitting, and alpha channel preservation.
CX Codex +1
372installs
quieter skill An AI-coding skill that lowers visual noise in an interface: less motion, simpler layout, calmer color. Useful when a UI feels loud or over-designed.
CX Codex +1
451installs
writing-for-interfaces skill Guides UI text drafting, error message rewrites, and button labels to keep interface copy aligned with product voice.
CX Codex +1
1,100installs
imagencn skill Generates images through DashScope, Ark, Hunyuan, FLUX, and OpenAI APIs. Useful when you need photorealistic renders, artwork, or Chinese typography in coding agents.
CX Codex +1
1,700installs
scenario-reve skill Controls Scenario's Reve v2.1 and Reve Remix image models over MCP for prompt-only generation, instruction edits, and multi-image blending.
CX Codex +1
367installs
scenario-mai-image skill A skill for driving Microsoft MAI Image models on Scenario over MCP: text-to-image and instruction-based image edits.
CX Codex +1
375installs
bolder skill A skill that gives an interface more character: wider layout variance, more motion, one signature detail. Useful when the UI works but reads flat.
CX Codex +1
445installs
scenario-luma-video skill Generates and edits video using Luma Ray models on Scenario via MCP. It routes prompts to the right model for text-to-video, restyling, or outpainting new aspect ratios.
CX Codex +1
366installs
graphic-content-creation skill Structures multi-slide image carousels for Xiaohongshu. Breaks guides and reviews into 3-7 vertical slides with clear text hierarchy.
CX Codex +1
316installs
scenario-orbit-views skill Builds consistent multi-angle views and 360 turnarounds of a subject from a single image using Blender and Scenario MCP.
CX Codex +1
365installs
game-studio
official skill Helps choose a stack and plan a browser game from its core loop through playtesting. Use it when the implementation path is still open.
CX Codex GP ChatGPT
50installs
swiftui-animation skill Guides AI coding agents through building SwiftUI spring animations and Metal shader effects on iOS and macOS.
CX Codex +1
567installs
mermaid-diagrams skill A skill that teaches your agent Mermaid syntax: flowcharts, sequence, class and ER diagrams, Gantt charts. Handy when a diagram has to live inside markdown.
CX Codex +1
407installs
visual skill Connects KIE API models via VelsVisual CLI to generate images and videos directly inside your coding agent.
CX Codex +1
537installs
gpt-image-1-5 skill Generates and edits images using OpenAI's GPT Image 1.5 model. It handles text prompts, full image alterations, and precise inpainting with masks.
CX Codex +1
615installs
presentation-generator skill Builds neobrutalist presentations with Agency brand colors: interactive HTML, PNG slides and PDF.
CX Codex +1
320installs
create-component skill Generates complete AEM components with HTL markup, Sling Models, dialogs, and tests. Extends Core Components and converts Figma designs into code.
CX Codex +1
1,000installs
isometric-animation skill A skill for isometric and 2.5D animation: stacked layers, extruded blocks, exploded diagrams and gentle camera drift. Ships as one HTML file, no build step.
CX Codex +1
1,400installs
1,241–1,280 of 2,133
