NeVibeCode · 2,133 items
Skills for Design
Skills for Design: what each one does, an install command and example prompts.
canva-resize-for-social-media
official skill Create separate Canva design versions for Facebook, Instagram and LinkedIn formats. Use the skill when one design needs to serve several social media placements.
CX Codex GP ChatGPT
★ 7,604repo stars
canva-implement-feedback
official skill This skill reads every comment thread on a Canva design, makes the clear-cut edits through the API, and lists what still needs a human.
CX Codex GP ChatGPT
★ 7,604repo stars
canva-edit-design
official skill Modifies existing Canva files through staged editing sessions with mandatory approval. Use it to adjust copy, replace visuals, or fine-tune layout coordinates.
CX Codex GP ChatGPT
★ 7,604repo stars
canva-design-feedback
official skill This skill reviews Canva designs and returns ordered feedback on hierarchy, copy, spacing, readability, and accessibility. It helps when a slide, poster, or flyer needs a clear critique.
CX Codex GP ChatGPT
★ 7,604repo stars
canva-bulk-create
official skill Turns a table of data into one Canva design per row by autofilling a brand template. Useful when you need product cards or posts built from a CSV in one go.
CX Codex GP ChatGPT
★ 7,604repo stars
canva-brand-check
official skill Checks a Canva design against a brand kit and flags visual or copy differences. It only reads the design; it won’t edit it.
CX Codex GP ChatGPT
★ 7,604repo stars
adobe-design-from-template
official skill Find an Adobe Express template, edit its text, images, or background, then download the design as a PDF. Useful for posters, social posts, and business cards.
CX Codex GP ChatGPT
★ 7,604repo stars
adobe-create-mockups
official skill Places logos, sketches, and design assets onto realistic product mockups via Adobe Firefly. Ideal for reviewing merch and packaging concepts directly in Codex.
CX Codex GP ChatGPT
★ 7,604repo stars
adobe-batch-edit-photos
official skill Keeps a set of photos visually consistent with shared adjustments. Use it for folders of images that need one look despite mixed lighting.
CX Codex GP ChatGPT
★ 7,604repo stars
ui-mockup skill Create ASCII wireframes, standalone HTML screens, or live prototypes from product requirements. Use the skill to review a proposed interface before building it.
CX Codex +1
★ 8,227repo stars
excalidraw skill This skill routes Excalidraw file work to subagents so large JSON diagrams stay out of the main context. Use it for flowcharts and architecture visuals.
342installs
auteur skill A skill that designs and builds web experiences from scratch: landing pages, cinematic scroll-directed sites, and multi-screen products in one style.
CX Codex +1
★ 1,042repo stars
feature-design-assistant skill Turns a rough feature idea into a design and spec by asking you structured questions. Useful before a large change to the codebase.
247installs
data-viz-renderer skill Turn JSON data into standalone HTML/SVG infographics, from metric cards to process diagrams. Use it to build report visuals or combine metrics and charts in a dashboard.
CX Codex +1
★ 4,679repo stars
marp-slide skill Turns a rough outline into a Marp slide file and picks a fitting look along the way. Handy when you need a deck, not markup.
217installs
design-system-starter skill Generates design tokens, React component hierarchy, and accessibility rules to structure an application design system.
186installs
better-design skill Guides coding agents through UI building and review workflows using Better Design MCP. It manages design systems, spacing inspection, and accessibility checks.
CX Codex +1
★ 527repo stars
mockuplm skill Generates standalone HTML and CSS mockups to plan UI screens visually. It helps test interface layouts before writing production code.
CX Codex +1
★ 1,979repo stars
excalidraw skill Generates flowcharts, architecture diagrams, and system sketches as .excalidraw files directly through agent MCP tools.
CX Codex +1
★ 1,979repo stars
canvas skill Generates Nimbalyst .canvas boards with live workspace file editors, sticky notes, and connecting edges. Useful for mapping user flows and arranging project files spatially.
CX Codex +1
★ 1,979repo stars
animation skill Create step-based technical explainers as .anim.json files for Nimbalyst’s Animation editor. Use it to show how data or system state changes over time.
CX Codex +1
★ 1,979repo stars
meme-factory skill Builds meme image links via the memegen.link service inside Claude Code. Useful for social media graphics, code review jokes, and team chats.
139installs
diagrammer skill Turns plain-text prompts into blueprint-styled SVG charts via JSON specs. Helpful when documentation or slide decks require clean vector visuals.
119installs
ui-ux-governance skill A skill that gives the agent rules for interface work: how to pick flows, handle states and keep accessibility intact.
CX Codex +1
★ 1,388repo stars
mui skill This skill guides Claude Code through Material UI v7 components, theme-based styling, responsive layouts, and form patterns in React projects.
110installs
screenshot-feature-extractor skill Turns interface screenshots into a feature and task checklist. Use it to plan work from UI designs or visual references.
97installs
creative-portfolio-resume skill Build a resume for a creative role with both visual character and ATS-friendly structure. The skill helps when you need separate versions for online applications and portfolio use.
86installs
nano-banana-pro skill Generate images with Gemini 3 Pro Image, edit a single file, or combine several into one composition. You’ll need a Gemini API key.
CX Codex +1
★ 700repo stars
makepad-2.0-vector skill Teaches your coding assistant how to write vector shapes and animations for Makepad 2.0. Generates inline SVG paths, gradients, and UI icons.
CX Codex +1
★ 751repo stars
makepad-2.0-theme skill A skill covering the Makepad 2.0 theme system: theme.* variables, dark and light modes, colors, fonts and spacing in Splash.
CX Codex +1
★ 751repo stars
makepad-2.0-layout skill This skill guides an agent through sizing widgets and arranging children in Makepad 2.0. Use it when building a screen or tracing an invisible container.
CX Codex +1
★ 751repo stars
makepad-2.0-design-judgment skill Entry skill for Makepad 2.0 architecture: routes syntax questions to specialized skills and anchors design decisions on data flow, component split, and GPU rendering.
CX Codex +1
★ 751repo stars
dashmotion skill Generates dark-themed animated SVG diagrams as standalone HTML files. Useful for showing architecture and workflows with moving request dots and pulsing connectors.
CX Codex +1
★ 181repo stars
core-components skill A Claude skill that keeps the agent on your own component library and design tokens instead of raw platform primitives.
66installs
strategy-consulting-visualization skill Turns prose, data, and notes into structured strategy visuals for slides, reports, and interactive presentations. Useful when an argument needs a clear visual form.
CX Codex +1
★ 154repo stars
video skill This skill turns a brief into a Claude Design folder with a prompt, composition files, and review frames. Use it to prepare an animated film project.
CX Codex +1
★ 299repo stars
design skill Applies Emulo taste profiles to guide UI, UX, and visual hierarchy tasks. Use it when redesigning screens or requesting frontend design critique.
CX Codex +1
★ 299repo stars
higgsfield skill Generates images and video through the Higgsfield MCP server across 100+ models. Connects text-to-image, text-to-video, and image motion control tools.
CX Codex +1
★ 783repo stars
nerv-ui skill A skill that steers the agent toward building React command-center screens with the published @mdrbx/nerv-ui library — dashboards, monitoring terminals, auth pages.
CX Codex +1
★ 95repo stars
brainstorm-prototypes skill A skill that produces 3–5 deliberately different throwaway variations — layouts, approaches, names — so you can react to them instead of describing what you want.
CX Codex +1
★ 355repo stars
2,001–2,040 of 2,133
