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

web-typography wondelai skill This skill helps you select and configure typefaces for web projects: from choosing a font family to optimizing size, line height, and measure. Use it when you need readable typography or want to find a well-matched font pair. Claude Code CX Codex Cursor +1 9,200installs libraries-dev Jakubantalik skill Selects and integrates Libraries.dev React UI effects for AI interfaces, covering loaders, voice glows, animated borders, and bot avatars. Claude Code CX Codex Cursor +1 991installs create-game-assets gamedev-skills skill A skill that carries a game's art from style brief and asset manifest to alpha checks and contact sheets. Handy once sprites start drifting out of style. Claude Code CX Codex Cursor +1 6,400installs shadcn-svelte vercel-labs skill Pre-built definitions and implementations of 36 shadcn components for json-render apps. Built on Svelte 5 and Tailwind CSS. Claude Code CX Codex Cursor +1 1,100installs cli-anything-gimp HKUDS skill Provides a stateful image editing CLI built on Pillow and GIMP for AI agents. It handles layers, drawing, and headless rendering without a GUI. Claude Code CX Codex Cursor +1 609installs ui-designer Seth Hobson subagent Designs interfaces, components, and responsive layouts with implementation in mind. Use it when building screens, forms, tables, or a design system. Claude Code CX Codex Cursor 1,979installs photo-abstract-editorial ZzzLc0405 skill Turns a single photograph into a vertical diptych with an untouched upper image and an abstract lower panel. Generates a minimalist poster with a short title. Claude Code CX Codex Cursor +1 737installs cli-anything-inkscape HKUDS skill Stateful command-line interface skill for editing vector graphics in Inkscape, tracking project state in JSON, and manipulating SVG documents. Claude Code CX Codex Cursor +1 599installs qa-test-planner softaworks skill Turns a feature description into a test plan, manual test cases, a regression suite or a bug report. Fires only when you name it: qa-test-planner. Claude Code CX Codex Cursor +1 4,300installs figma-create-new-file figma skill A skill that tells the agent how to create a Figma Design, FigJam or Slides file with the MCP create_new_file tool, including which plan and editor type to use. Claude Code CX Codex Cursor +1 3,400installs typeui-fundamentals typeui.sh skill Provides design principles for visual hierarchy, a 4-point spacing grid, typography, and WCAG rules. Useful when the project design system leaves a gap. Claude Code CX Codex Cursor +1 2,200installs fal-assets rehan-remade skill Generates sprites, tileable textures, 3D models, SFX, and music via fal. Built for modders and game developers who need ready-to-use visual and audio assets directly in their workspace. Claude Code CX Codex Cursor +1 1,400installs ios-hig-design wondelai skill Skill guides you through designing native iOS interfaces that follow Apple's Human Interface Guidelines. Use it when you're building an iPhone or iPad app and want it to feel at home on the platform. Claude Code CX Codex Cursor +1 8,100installs tailwind-4 prowler-cloud skill A skill that sets how the agent styles with Tailwind CSS 4: which classes go in className, when to use style, and when to build classes with cn(). Claude Code CX Codex Cursor +1 612installs threejs-game-ui-designer majidmanzarpour skill Skill for designing game UIs in Three.js: HUDs, menus, pause and win screens, responsive layout for mobile and desktop. Prevents overlaps, ensures readability, and keeps UI cohesive with game style. Claude Code CX Codex Cursor +1 3,300installs firecrawl-website-design-clone firecrawl skill Extracts a live website's visual system into DESIGN.md: tokens, components, logo, fonts and palette. Claude Code CX Codex Cursor +1 33,100installs goldie software-mansion-labs skill A skill that turns an iOS or Android app into store assets: it walks the app on a simulator, frames the screenshots and renders a preview video for App Store and Google Play. Claude Code CX Codex Cursor +1 1,300installs mobile-app-developer VoltAgent Community subagent This subagent helps build iOS and Android apps by working through requirements, architecture, performance, and platform constraints. Claude Code 1,552installs top-design wondelai skill Directs AI coding agents to build Awwwards-style web experiences with dramatic typography, orchestrated scroll motion, and a 10-point scoring rubric. Claude Code CX Codex Cursor +1 7,100installs hooked-ux wondelai skill Scores a product's engagement loop against the Hook Model and caps designs the Manipulation Matrix calls extractive. Useful when signups stop coming back. Claude Code CX Codex Cursor +1 6,200installs wpds WordPress skill Feeds WordPress Design System docs to your agent through an MCP server, so UI work lands on real components and tokens instead of guesses. Claude Code CX Codex Cursor +1 4,000installs visual-plan BuilderIO skill Turns a plain text plan into a document with diagrams, a file map and open questions you can comment on before the agent starts writing code. Claude Code CX Codex Cursor +1 1,300installs videoagent-image-studio wells skill This skill provides one-command access to Midjourney, Flux, Ideogram, and five other image models without storing API keys. The agent picks the best model and handles Midjourney's async workflow automatically. Claude Code CX Codex Cursor +1 5,600installs gpt-image-2 prime-skills skill Generates and edits images via OpenAI GPT Image 2 on RunComfy. Embeds text, logos, and multilingual typography accurately — for e-commerce, ads, and UI mockups. Claude Code CX Codex Cursor +1 83,800installs grill-me Alireza Rezvani skill Stress-tests project plans and design docs through a disciplined question-and-answer interview to resolve decisions before coding. Claude Code 1,157installs drawio official github skill Builds native .drawio diagram files and exports them to PNG, SVG, or PDF with embedded XML. GitHub Copilot 314installs ui-design-system Alireza Rezvani skill This skill builds design tokens, component structures, and responsive calculations. Use it when a project needs a consistent UI system or a developer handoff. Claude Code 1,076installs ux-researcher VoltAgent Community subagent This subagent plans UX research, interprets user behavior, and turns findings into design recommendations. Use it to validate a design decision or investigate user needs. Claude Code 703installs ux-researcher-designer Alireza Rezvani skill This skill helps turn user data into personas, journey maps, usability test plans, and design recommendations. Use it when research findings need a clear structure. Claude Code 962installs demo-video Alireza Rezvani skill Turns screenshots and scene descriptions into product walkthroughs, animated demos, or GIFs directly in Claude Code. Claude Code 708installs epic-design Abbas Mir skill A Claude Code skill that builds cinematic pages: scroll storytelling, parallax depth, animated text. No WebGL involved. Claude Code 701installs brand-guidelines Alireza Rezvani skill Applies and documents brand rules for colours, typography, logos and tone of voice. Use it to audit assets or build a brand guide for a product. Claude Code 696installs apple-hig-expert Alireza Rezvani skill Audits iOS, macOS, watchOS, and visionOS interfaces against Apple HIG. Use it to review mockups or design native-feeling Apple UI. Claude Code 662installs image-annotations official github skill Draws callout rectangles, arrows and labels on screenshots and diagrams with PIL. Useful when a PR needs to show exactly what changed. GitHub Copilot 149installs accessibility-tester VoltAgent Community subagent This subagent tests interface accessibility, WCAG conformance, and assistive technology support. Use it for audits and accessibility fixes in a project. Claude Code 346installs landing Alireza Rezvani skill This skill creates a single-page HTML landing page with 3D CSS animation, GSAP scroll effects, and mouse parallax. It collects product and brand details before generating the page. Claude Code 404installs generate-image official github skill Generate images from text prompts with OpenAI or Google Gemini. Use it to create project textures, icons, sprites, artwork, or mockups. GitHub Copilot 93installs rhino3d-scripts official github skill Generates and debugs Rhinoceros 3D scripts across Python, VBScript, and C#. Helps automate geometry, layers, and viewport macros in Rhino 8. GitHub Copilot 89installs find MeiGen command Searches the Meigen gallery by keywords and shows visual results with short prompt excerpts right away. Claude Code CX Codex Cursor 210installs frontend-app-builder official OpenAI skill This skill designs and builds frontend apps, websites, and games, then checks the result in a browser. Use it for a new interface or an explicit redesign request. CX Codex GP ChatGPT 252installs