NeVibeCode · 2,133 items
Skills for Design
Skills for Design: what each one does, an install command and example prompts.
flux-best-practices skill Prompting guide for BFL FLUX.1 and FLUX.2 image models. Helps format scene descriptions, handle typography, and pick the right model.
CX Codex +1
1,100installs
sketch skill Generates 2-3 HTML mockup variants to compare design directions before you commit to production code.
CX Codex +1
403installs
user-personas skill Generates three detailed user personas from research data with jobs-to-be-done, pains, and behavioral insights. Helps teams segment research findings for product decisions.
CX Codex +1
3,000installs
brainstorm-ideas-existing skill Skill to brainstorm product ideas for an existing product from PM, Designer, and Engineer perspectives. Use it to generate features, solve identified opportunities, or ideate with your product trio.
CX Codex +1
3,000installs
better-icons skill Searches over 200 icon sets through Iconify and pulls SVG files directly into project directories from the terminal.
CX Codex +1
5,900installs
logo-generator skill Generates SVG logos with at least six design variants and creates high-end showcase images using 12 professional background styles via Gemini API.
CX Codex +1
3,900installs
superdesign skill Create and refine interfaces, presentations, and graphics on the Superdesign canvas. Useful for drafting new layouts or comparing results from different models.
CX Codex +1
11,200installs
brainstorm-experiments-existing skill This skill helps plan experiments to validate assumptions about an existing product before committing to full builds. Use it to test hypotheses with prototypes, A/B tests, spikes, and other lean methods.
CX Codex +1
2,800installs
appllama-app-design-skill skill Skill for building native iOS and Android screens with Expo and React Native. Designs with Apple HIG fidelity, semantic colors, Reanimated motion, proper navigation semantics, and simulator-verified iteration.
CX Codex +1
4,800installs
ai-image-generation skill Generates and edits images through belt with selectable models. Use it for illustrations, mockups, and changes to existing images.
CX Codex +1
870,900installs
scroll-experience skill This skill guides an agent through scroll animations, parallax scenes, and interactive web narratives. Use it when scrolling should reveal part of a page’s story.
CX Codex +1
2,000installs
vision-analysis skill Describes images, extracts text, and reviews UI mockups using the MiniMax vision MCP tool. Handy when an agent needs to understand a screenshot or design file.
CX Codex +1
2,700installs
brand-extract skill Extracts a complete brand kit from a live website via the in-app browser. Gathers semantic colors, fonts, logos, and generates brand.json.
CX Codex +1
1,100installs
state-machine skill Builds a throwaway page for every reachable state of one component, using mock data and a switcher. Use it when visual work needs isolated states without changing the component.
CX Codex +1
3,800installs
build-design skill Builds UI code from a Figma file or image mockup. It reuses existing project tokens and components instead of hardcoding values.
CX Codex +1
3,600installs
infographics skill Turns your data into a PNG infographic through Nano Banana 2, then scores the result against a quality threshold. Handy when a report needs a picture instead of another table.
CX Codex +1
2,000installs
generate-image skill Generates and edits images via OpenRouter Image API using Gemini, Recraft, and Seedream. Ideal for artwork, logos, concept art, and editing reference images.
CX Codex +1
2,000installs
quick-mockups skill Generates 3 to 5 parallel UI mockups in HTML. Useful when you need to explore layouts, wireframes, and hierarchy variations before writing frontend code.
CX Codex +1
1,700installs
pretext skill A skill for browser demos built on @chenglou/pretext: text wraps around shapes, splits into graphemes and gets measured through canvas without a page reflow.
CX Codex +1
317installs
pretty-mermaid skill Renders Mermaid diagrams to SVG, PNG, or ASCII/Unicode without a browser. Useful for docs, READMEs, and terminal output.
CX Codex +1
4,500installs
appllama-usage skill Guides Appllama MCP research for mobile apps: inspect real screens and flows before building or improving an interface.
CX Codex +1
4,000installs
ads-photoshoot skill Generates rights-cleared paid-ad product photography from an authorized image and brand profile. Keeps packaging and logos intact across studio or lifestyle scenes.
CX Codex +1
3,800installs
ads-generate skill Generates paid-ad image assets from a validated brief and brand profile using a configured image provider. Keeps generation audits with hashes and safe zones.
CX Codex +1
3,800installs
library-curator skill Pulls images, logos and screenshots out of the OD Library and copies the file into your project, handing back a relative path you can drop into markup.
CX Codex +1
960installs
mobile-app-ui-design skill Provides mobile UX and UI guidelines for coding agents. Helps generate mobile screens, components, and design flows that follow structured layout rules.
CX Codex +1
11,600installs
html-diagram skill Generates standalone interactive HTML diagrams without external services or build steps. Helps visualize component topology, state transitions, timelines, and quantitative structures.
CX Codex +1
4,100installs
tailwind-design-system skill A skill that keeps the agent on Tailwind while you build a design system: tokens, component variants, responsive patterns, accessibility. Useful when the UI drifts.
CX Codex +1
1,600installs
ios-application-dev skill A reference skill for iOS interfaces: UIKit, SnapKit and SwiftUI, with checklists for layout, Dynamic Type, Dark Mode and accessibility.
CX Codex +1
2,100installs
swiftui-liquid-glass
official skill This skill helps build and review SwiftUI Liquid Glass interfaces for iOS 26+. Use it when adopting the API or checking fallbacks, interaction, and design fit.
CX Codex GP ChatGPT
121installs
isometric-explainer skill Builds an interactive single-page isometric machine where mechanical stations represent process steps driven by a deterministic state model.
CX Codex +1
550installs
course-style skill Supplies design tokens, typography rules, figure label formats, and plain technical English guidelines for AI Engineering from Scratch.
CX Codex +1
550installs
blueprint-figure skill Creates static SVG figures for lessons, READMEs and manuals. Use it when a system needs an explanation with its real names and exchanges.
CX Codex +1
552installs
motion-figure skill Generates moving and interactive figures across three tiers: SMIL animations, slider-driven SVG widgets, and WebGL dither bands.
CX Codex +1
545installs
spartan skill Helps manage spartan/ui components in Angular projects, from adding and composing them to styling and debugging. It covers the Brain and Helm layers.
CX Codex +1
2,300installs
html skill A skill that makes the agent build one self-contained HTML file with styles and scripts inlined: a report, landing page, deck or calculator. It also knows which sibling skill should take the job instead.
CX Codex +1
3,900installs
interactive-portfolio skill Builds developer and designer portfolios focused on converting visitors into job offers and client leads. Use it when planning or restructuring a personal showcase site.
CX Codex +1
1,500installs
gif-sticker-maker skill A skill that converts a photo into 4 animated GIF stickers in Funko Pop style with captions. Use it to create expressive stickers, emoji packs, or animated avatars for messengers.
CX Codex +1
2,000installs
chat-motion-overlay skill Builds animated chat scenes from text or screenshots, then prepares them for Remotion rendering. Use it for message bubbles, app-style chat views, and transparent overlays.
CX Codex +1
829installs
design-taste-frontend skill Skill for landing pages, portfolios and redesigns. The agent reads the brief, picks a design system and ships interfaces without AI templates.
CX Codex +1
808installs
multi-agent-brainstorming skill Runs a sequential design review with a designer, constrained reviewers, and an arbiter. Use it to expose assumptions and failure modes before implementation.
CX Codex +1
1,400installs
361–400 of 2,133
