NeVibeCode · 2,133 items
Skills for Design
Skills for Design: what each one does, an install command and example prompts.
ip-as-logo skill This skill creates simple square character images for logos and product visuals. Use it when you need a clear silhouette and several candidates to compare.
CX Codex +1
3,400installs
diagram-generator skill Generates, checks, and renders diagrams from text, code, schemas, and tables. Useful for architecture views, process maps, and UML models.
CX Codex +1
1,300installs
antislop-ui skill A UI and visual skill for reviewing color, layout, components, and motion. Use it when building or editing a website, web app, or other interface.
CX Codex +1
6,400installs
weread-year-in-review-video-template skill Creates a vertical 9:16 HTML video for WeRead-style annual reading reports: stats, notes, keywords, and a reading persona card.
CX Codex +1
2,400installs
pexo-agent skill This skill creates finished multi-shot videos from text, images, URLs, scripts, or audio. Use it for product ads, short videos, and explainers.
CX Codex +1
40,400installs
emilkowalski-motion skill Adds micro-interactions, state transitions and motion to an existing interface. Use it after the layout or component is already built.
CX Codex +1
2,300installs
canva-creator
official skill Executes marketing campaigns from an approved content brief: builds the schedule, generates Canva graphics for social posts, writes copy, and stages sends in HubSpot.
CX Codex +1
1,900installs
diagram-maker skill This skill turns descriptions of concepts, architecture, and processes into SVG/HTML or Excalidraw diagrams. Use it when a visual file is clearer than prose.
CX Codex +1
503installs
antislop-human skill An accessibility skill for AI agents that checks UI contrast, keyboard focus, and control states. Ships with a WCAG AA contrast checker script.
CX Codex +1
5,900installs
antislop-layoutmobile skill A skill for responsive layouts across phone and desktop widths. It checks breakpoints, reflow, grids, overflow, sizing, tap targets, and navigation.
CX Codex +1
5,700installs
research-decision-room skill Turns messy interview notes, support tickets, and surveys into a single interactive HTML decision room without fabricating certainty.
CX Codex +1
2,100installs
mobile-design skill Reviews and guides iOS, Android, React Native, and Flutter interfaces for touch targets, offline handling, and rendering performance.
CX Codex +1
3,700installs
claude-design skill Skill for building HTML artifacts — landing pages, prototypes, decks — in Claude Code, Codex and Cursor. Reads project context and produces a self-contained file with markup and styles.
CX Codex +1
645installs
ecommerce-image-workflow skill Turns a product reference photo into a compact ecommerce image set: main packshot on white, feature detail close-up, and lifestyle scene while preserving exact color, shape, and logo.
CX Codex +1
2,000installs
uncodixfy skill Teaches the agent to skip the default Codex aesthetic: soft gradients, floating panels, decorative copy. Use it when generated frontend looks too much like a template.
CX Codex +1
5,600installs
ui-ux-pro-max skill Generates design systems, palettes, and typography pairs across 22 stacks using a local rule dataset. Helps with UI scaffolding and accessibility checks.
CX Codex +1
948installs
building-components skill Guidance for accessible UI components, composable APIs, design tokens, documentation, and package distribution.
CX Codex +1
14,700installs
draw-io-diagram-generator
official skill Creates and edits draw.io diagrams in .drawio, .drawio.svg, and .drawio.png files. Use it when an agent needs to produce a diagram from a project request.
2,800installs
create-design-md skill Creates or updates a DESIGN.md file from a code repository or website. It gives coding agents persistent UI context without altering application source code.
CX Codex +1
4,400installs
high-end-visual-design skill This skill sets visual rules for website work, from typography and layouts to cards and motion. Use it when an agent needs a defined design direction instead of its usual defaults.
CX Codex +1
1,900installs
brandkit skill Generates presentation boards with logo, palette, typography and mockups — studio-grade identity decks.
CX Codex +1
1,900installs
design-dna skill Extracts design tokens, style and visual effects from references, then applies the profile to a design. Use it with screenshots, images, URLs or Design DNA JSON.
CX Codex +1
6,500installs
image-to-code skill A skill for visually important web tasks. It generates design images first, analyzes them, then builds frontend to match the references.
CX Codex +1
1,800installs
gpt-taste skill Enforces strict frontend design rules: prevents multi-line hero titles, fixes empty bento grid cells, and adds advanced GSAP scroll physics.
CX Codex +1
1,800installs
redesign-existing-projects skill Audits an existing interface and updates a website or app without changing its working product structure. Use it when the UI feels generic or lacks visual hierarchy.
CX Codex +1
1,900installs
od-contribute skill This skill guides contributions to OpenDesign, from submitting a skill or design system to translating docs, fixing text, or reporting a bug.
CX Codex +1
1,800installs
architecture-diagram skill Generates architecture diagrams for systems, cloud infrastructure, microservices, and network topology as self-contained HTML files with a dark theme.
CX Codex +1
2,100installs
ui-ux-designer skill This skill supports interface design, user flows, and design systems with research and accessibility checks. Use it for redesigns, prototypes, and interaction reviews.
CX Codex +1
3,100installs
expo-design-system skill Builds and audits a design system in Expo apps by centralizing design tokens, structuring reusable components, and eliminating hardcoded styles.
CX Codex +1
16,700installs
video-edit skill This skill routes video edits to the right RunComfy model for restyling, background or packaging swaps, and motion transfer. Use it when edit intent matters.
CX Codex +1
439,800installs
image-to-video skill Routes still image animation tasks to the best RunComfy catalog model. Helps turn static pictures into videos without guessing model settings.
CX Codex +1
438,000installs
nano-banana-2 skill Skill to quickly generate images via Google Nano Banana 2 on RunComfy. Includes optimized prompting patterns, in-image typography support, and web grounding.
CX Codex +1
437,700installs
image-edit skill This skill routes image edits to a suitable RunComfy model. Use it for background swaps, text changes, masks, or batch work.
CX Codex +1
437,300installs
nano-banana-edit skill Edits images with Google Nano Banana 2 on RunComfy, preserving subject identity, swapping backgrounds, and handling batches up to 20 inputs.
CX Codex +1
437,100installs
flux-kontext skill The skill edits a single image from one text instruction via Flux 1 Kontext Pro on RunComfy, useful for a targeted change that must keep face, pose or brand assets intact.
CX Codex +1
436,900installs
flux-2-klein skill Generates images using Black Forest Labs' Flux 2 Klein via RunComfy with tailored prompting patterns for fast iteration and polish.
CX Codex +1
436,000installs
p5js skill Produces p5.js sketches in the browser: generative art, interactive data viz, 3D WebGL scenes, audio-reactive visuals. Exports to PNG, GIF, MP4, or SVG.
CX Codex +1
535installs
minimalist-ui skill Enforces editorial UI design rules with a warm monochrome palette and bento grids. It is opt-in and runs only when invoked by name.
CX Codex +1
395installs
industrial-brutalist-ui skill A skill that locks in a raw mechanical visual style for dashboards, portfolios and editorial sites. Rigid grids, monospaced data type, utilitarian colors and analog degradation effects.
CX Codex +1
1,700installs
design-taste-frontend-v1 skill The original v1 frontend taste skill for clean React and Tailwind CSS output. It keeps strict guardrails for projects that need backward compatibility with early generations.
CX Codex +1
1,700installs
281–320 of 2,133
