NeVibeCode · 2,133 items
Skills for Design
Skills for Design: what each one does, an install command and example prompts.
ios-icon-gen skill Builds complete Xcode .imageset folders with 1x, 2x, and 3x PNG assets directly from SF Symbols or the Iconify API.
CX Codex +1
4,500installs
web-design-reviewer
official skill This skill inspects a running website, spots layout, responsive, and accessibility issues, and can fix them in the source code. Use it when a UI review should lead to verified code changes.
13,957installs
better-layout skill A skill that sets grouping, alignment, reading order and responsive structure, then stress-tests the result by resizing, translating and mirroring it for RTL.
CX Codex +1
30,800installs
better-interface skill Runs a cross-discipline interface review covering accessibility, layout, copy, typography, color, and UI polish into one ranked report.
CX Codex +1
30,000installs
nature-image2ppt skill Reconstructs slide images, screenshots, and scanned PDFs into object-level editable PowerPoint files. Best for restoring diagrams and layout structures.
CX Codex +1
7,400installs
better-writing skill Writes and reviews UI copy, from button labels to errors and empty states. It keeps product vocabulary consistent and guides users to the next step.
CX Codex +1
29,100installs
penpot-uiux-design
official skill A skill for building interfaces in Penpot via MCP tools: web, mobile, dashboards, design systems. Works with Penpot API directly from your code editor.
12,782installs
transitions-dev skill A skill with ready-made CSS transitions for web apps: modals, dropdowns, toasts, skeletons. Useful when you need motion in the UI without adding an animation library.
CX Codex +1
20,300installs
gemini-watermark-remover skill Removes visible Gemini watermarks from local image files using a bundled CLI script. Ideal for cleaning single pictures or whole directories right inside your agent workflow.
CX Codex +1
12,900installs
design-is skill Audits an interface against Dieter Rams' ten design principles, collects evidence with subagents, and generates a /make-plan prompt.
CX Codex +1
4,200installs
chakra-ui-builder skill Build responsive, accessible interfaces with Chakra UI v3, add the library to a project, and shape its theme. Useful for components, pages, and layouts.
CX Codex +1
3,500installs
hatch-pet
official skill Creates and packages animated pets and spritesheets for Codex. Use it to turn a character concept, reference image, or brand cues into a pet.
CX Codex +1
3,300installs
winui-app
official skill This skill helps create, configure, and review WinUI 3 apps built with C# and the Windows App SDK. Use it for new projects or XAML issues.
CX Codex +1
3,200installs
frontend-design skill The skill picks an aesthetic direction before the agent writes any code. Useful when you want a landing page, dashboard or component that does not look auto-generated.
CX Codex +1
3,700installs
text-to-lottie skill Generates, edits, and debugs Lottie JSON animations for the local Skia Skottie player. Helps create UI microinteractions, loaders, and animated charts.
CX Codex +1
10,700installs
nano-banana-pro-openrouter
official skill Creates and edits images through OpenRouter with Gemini 3 Pro Image. Use it for text-to-image work, single-image changes, or compositions from source images.
9,910installs
shadcn-svelte skill A skill for working with shadcn-svelte: adding components, building interfaces, fixing styles, and debugging projects. Use it if you're building UI with shadcn-svelte on Svelte or planning to start.
CX Codex +1
6,700installs
plantuml-ascii
official skill Creates text-based PlantUML diagrams for terminals, README files, and docs without images. Use it when a diagram should live alongside source code.
9,740installs
image-manipulation-image-magick
official skill Use ImageMagick to resize images, convert formats and inspect metadata. The skill is suited to thumbnails and batch image processing.
9,723installs
motion-design skill This skill guides UI animation choices, from timing and easing to choreography. Use it when planning micro-interactions, loading states, or page transitions.
CX Codex +1
19,900installs
extract-design-system skill This skill extracts design primitives from a public website and generates starter tokens.json and tokens.css files for your project.
CX Codex +1
130,700installs
figma-generate-design
official skill Turns an app page or multi-section layout into a Figma screen built from your published design system, not hand-drawn boxes.
CX Codex +1
2,900installs
figma-create-design-system-rules
official skill Generates project-specific design system guidelines for AI coding agents handling Figma-to-code tasks. It inspects existing components and writes rules directly into your repository.
CX Codex +1
2,900installs
shadcn-vue skill Teaches coding agents shadcn-vue architecture, proper CLI runners, FieldGroup form composition, and strict Tailwind semantic token rules.
CX Codex +1
5,800installs
mobile-android-design skill This skill guides native Android UI work with Material Design 3 and Jetpack Compose. Use it for screens, navigation, adaptive layouts, and accessibility checks.
CX Codex
24,847installs
power-bi-report-design-consultation
official skill This skill guides Power BI report planning, from chart choices to page layout and accessibility. Use it when a report needs to support specific decisions for a defined audience.
9,390installs
design-critique
official skill Provides structured design critique covering usability, visual hierarchy, and accessibility. Works with Figma links, screenshots, or screen descriptions.
CX Codex +1
5,300installs
design-mobile-apps skill Designs mobile screens via the Sleek REST API and translates them into React Native or HTML code.
CX Codex +1
1,000,000installs
mobile-ios-design skill Guides native iOS interface work with Apple HIG and SwiftUI patterns. Use it when building views, navigation, or adaptive layouts.
CX Codex
23,659installs
fluentui-blazor
official skill This skill guides Blazor work with Microsoft Fluent UI components, service providers, forms, dialogs, and themes. Use it while building or debugging a Fluent UI app.
9,000installs
legacy-circuit-mockups
official skill Creates breadboard circuit mockups with HTML5 Canvas. Use it to show component placement and wiring for electronics projects.
8,900installs
figma-generate-library
official skill A skill to sync your Figma design system with your codebase. Build or update variables, components, themes, and documentation in the right order—phases matter, and skipping steps breaks the system.
CX Codex +1
2,700installs
figma-code-connect-components
official skill Maps published Figma design components to codebase implementations using Figma Code Connect. It inspects component properties and pairs them with repository files.
CX Codex +1
2,700installs
figma-create-new-file
official skill Creates blank Figma, FigJam, or Slides files inside draft folders. It resolves planKey and editor types before invoking Figma MCP tools.
CX Codex GP ChatGPT
6installs
interface-review skill Audits pull requests, branches, and uncommitted edits for layout, UI, accessibility, and typography regressions. Keeps focus on what changed rather than pre-existing debt.
CX Codex +1
18,500installs
react-vite-dashboard
official skill This skill converts Stitch designs into production React and Vite dashboards. It maps tokens from DESIGN.md and integrates async data fetching with TanStack Query.
CX Codex +1
5,500installs
ux-copy
official skill Draft or review interface text, from button labels to error messages. Useful when wording needs to fit a specific screen, user state, and tone.
CX Codex +1
4,600installs
image-generation skill Builds structured JSON prompts and executes a Python script to generate images with optional reference files. Useful for character design and complex scene rendering.
CX Codex +1
2,900installs
responsive-design skill Guides responsive UI work with mobile-first styles, container queries, and fluid values. Use it when pages or components need to adapt to available space.
CX Codex
20,956installs
ui-ux-pro-max skill A discovery catalog entry for the UI/UX Pro Max skill in OpenDesign. It registers design system triggers so agents recognize interface usability requests.
CX Codex +1
5,400installs
121–160 of 2,133
