Design: skills, plugins, subagents, slash commands and mcp servers

ios-icon-gen affaan-m skill Builds complete Xcode .imageset folders with 1x, 2x, and 3x PNG assets directly from SF Symbols or the Iconify API. Claude Code CX Codex Cursor +1 4,400installs web-design-reviewer official github 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. GitHub Copilot 13,957installs better-layout jakubkrehel 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. Claude Code CX Codex Cursor +1 30,400installs better-interface jakubkrehel skill Runs a cross-discipline interface review covering accessibility, layout, copy, typography, color, and UI polish into one ranked report. Claude Code CX Codex Cursor +1 29,700installs nature-image2ppt Yuan1z0825 skill Reconstructs slide images, screenshots, and scanned PDFs into object-level editable PowerPoint files. Best for restoring diagrams and layout structures. Claude Code CX Codex Cursor +1 7,300installs better-writing jakubkrehel 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. Claude Code CX Codex Cursor +1 28,700installs penpot-uiux-design official github 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. GitHub Copilot 12,782installs transitions-dev Jakubantalik skill Twelve standalone CSS transitions for modals, dropdowns, badges, and card resizes. Helps coding agents wire production-ready UI animations without external libraries. Claude Code CX Codex Cursor +1 1,900installs gemini-watermark-remover GargantuaX 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. Claude Code CX Codex Cursor +1 12,900installs design-is thedotmack skill Audits an interface against Dieter Rams' ten design principles, collects evidence with subagents, and generates a /make-plan prompt. Claude Code CX Codex Cursor +1 4,200installs chakra-ui-builder chakra-ui 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. Claude Code CX Codex Cursor +1 3,500installs hatch-pet official openai 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. Claude Code CX Codex Cursor +1 3,300installs winui-app official openai 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. Claude Code CX Codex Cursor +1 3,200installs ui-ux-designer Seth Hobson subagent This subagent creates interfaces, wireframes, and design systems. Use it for user flows, accessibility work, and consistent UI patterns. Claude Code CX Codex Cursor 27,069installs text-to-lottie diffusionstudio skill Generates, edits, and debugs Lottie JSON animations for the local Skia Skottie player. Helps create UI microinteractions, loaders, and animated charts. Claude Code CX Codex Cursor +1 10,600installs nano-banana-pro-openrouter official github 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. GitHub Copilot 9,910installs shadcn-svelte huntabyte 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. Claude Code CX Codex Cursor +1 6,700installs plantuml-ascii official github skill Creates text-based PlantUML diagrams for terminals, README files, and docs without images. Use it when a diagram should live alongside source code. GitHub Copilot 9,740installs image-manipulation-image-magick official github skill Use ImageMagick to resize images, convert formats and inspect metadata. The skill is suited to thumbnails and batch image processing. GitHub Copilot 9,723installs motion-design LottieFiles skill This skill guides UI animation choices, from timing and easing to choreography. Use it when planning micro-interactions, loading states, or page transitions. Claude Code CX Codex Cursor +1 19,700installs extract-design-system arvindrk skill This skill extracts design primitives from a public website and generates starter tokens.json and tokens.css files for your project. Claude Code CX Codex Cursor +1 130,600installs figma-generate-design official openai skill Turns an app page or multi-section layout into a Figma screen built from your published design system, not hand-drawn boxes. Claude Code CX Codex Cursor +1 2,900installs figma-create-design-system-rules official openai 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. Claude Code CX Codex Cursor +1 2,900installs shadcn-vue unovue skill Teaches coding agents shadcn-vue architecture, proper CLI runners, FieldGroup form composition, and strict Tailwind semantic token rules. Claude Code CX Codex Cursor +1 5,700installs mobile-android-design Seth Hobson 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. Claude Code CX Codex Cursor 24,847installs power-bi-report-design-consultation official github 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. GitHub Copilot 9,390installs design-mobile-apps designed-by-ai skill Designs mobile screens via the Sleek REST API and translates them into React Native or HTML code. Claude Code CX Codex Cursor +1 1,000,000installs mobile-ios-design Seth Hobson skill Guides native iOS interface work with Apple HIG and SwiftUI patterns. Use it when building views, navigation, or adaptive layouts. Claude Code CX Codex Cursor 23,659installs fluentui-blazor official github 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. GitHub Copilot 9,000installs legacy-circuit-mockups official github skill Creates breadboard circuit mockups with HTML5 Canvas. Use it to show component placement and wiring for electronics projects. GitHub Copilot 8,900installs figma-generate-library official openai 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. Claude Code CX Codex Cursor +1 2,700installs figma-create-new-file official Figma 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 jakubkrehel 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. Claude Code CX Codex Cursor +1 18,100installs react-vite-dashboard official google-labs-code 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. Claude Code CX Codex Cursor +1 5,400installs ux-copy official anthropics 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. Claude Code CX Codex Cursor +1 4,600installs image-generation bytedance 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. Claude Code CX Codex Cursor +1 2,900installs responsive-design Seth Hobson 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. Claude Code CX Codex Cursor 20,956installs ui-ux-pro-max nexu-io 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. Claude Code CX Codex Cursor +1 5,400installs scroll-world oso95 skill This skill builds a landing page where scrolling drives a camera that dives into each scene and moves to the next with no cuts. Claude Code CX Codex Cursor +1 4,800installs excalidraw-diagram coleam00 skill Generates .excalidraw JSON diagram files for technical architectures and workflows. Helps turn system specs or logic into diagrams with real data examples. Claude Code CX Codex Cursor +1 8,500installs