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

tailwind-design-system sickn33 skill A skill that keeps the agent on Tailwind while you build a design system: tokens, component variants, responsive patterns, accessibility. Useful when the UI drifts. Claude Code CX Codex Cursor +1 1,600installs ios-application-dev MiniMax-OpenSource skill A reference skill for iOS interfaces: UIKit, SnapKit and SwiftUI, with checklists for layout, Dynamic Type, Dark Mode and accessibility. Claude Code CX Codex Cursor +1 2,100installs swiftui-liquid-glass official OpenAI skill This skill helps build and review SwiftUI Liquid Glass interfaces for iOS 26+. Use it when adopting the API or checking fallbacks, interaction, and design fit. CX Codex GP ChatGPT 121installs isometric-explainer rohitg00 skill Builds an interactive single-page isometric machine where mechanical stations represent process steps driven by a deterministic state model. Claude Code CX Codex Cursor +1 487installs course-style rohitg00 skill Supplies design tokens, typography rules, figure label formats, and plain technical English guidelines for AI Engineering from Scratch. Claude Code CX Codex Cursor +1 486installs blueprint-figure rohitg00 skill Creates static SVG figures for lessons, READMEs and manuals. Use it when a system needs an explanation with its real names and exchanges. Claude Code CX Codex Cursor +1 486installs motion-figure rohitg00 skill Generates moving and interactive figures across three tiers: SMIL animations, slider-driven SVG widgets, and WebGL dither bands. Claude Code CX Codex Cursor +1 482installs spartan spartan-ng skill Helps manage spartan/ui components in Angular projects, from adding and composing them to styling and debugging. It covers the Brain and Helm layers. Claude Code CX Codex Cursor +1 2,200installs html plannotator skill A skill that makes the agent build one self-contained HTML file with styles and scripts inlined: a report, landing page, deck or calculator. It also knows which sibling skill should take the job instead. Claude Code CX Codex Cursor +1 3,800installs interactive-portfolio sickn33 skill Builds developer and designer portfolios focused on converting visitors into job offers and client leads. Use it when planning or restructuring a personal showcase site. Claude Code CX Codex Cursor +1 1,500installs gif-sticker-maker MiniMax-AI skill A skill that converts a photo into 4 animated GIF stickers in Funko Pop style with captions. Use it to create expressive stickers, emoji packs, or animated avatars for messengers. Claude Code CX Codex Cursor +1 2,000installs chat-motion-overlay nexu-io skill Builds animated chat scenes from text or screenshots, then prepares them for Remotion rendering. Use it for message bubbles, app-style chat views, and transparent overlays. Claude Code CX Codex Cursor +1 820installs design-taste-frontend nexu-io skill Skill for landing pages, portfolios and redesigns. The agent reads the brief, picks a design system and ships interfaces without AI templates. Claude Code CX Codex Cursor +1 808installs multi-agent-brainstorming sickn33 skill Runs a sequential design review with a designer, constrained reviewers, and an arbiter. Use it to expose assumptions and failure modes before implementation. Claude Code CX Codex Cursor +1 1,400installs landing-page-design elayadesign skill Complete system for landing pages: intake, structure, copywriting, visual rules. Consult before choosing fonts, spacing, colors, or writing headlines. Claude Code CX Codex Cursor +1 1,700installs kumo-design cloudflare skill Cloudflare product design rules for coding agents: guides layout, typography, dialogs, and animations in Kumo UI dashboards. Claude Code CX Codex Cursor +1 1,500installs game-ui-ux gamedev-skills skill Engine-neutral game UI architecture skill for responsive layouts, screen stacks, gamepad focus, and event-driven HUD updates. Claude Code CX Codex Cursor +1 9,200installs visual-verdict Yeachan-Heo skill A visual QA skill that compares generated UI screenshots against reference images and returns a structured JSON verdict for layout iterations. Claude Code CX Codex Cursor +1 890installs radix-ui-design-system sickn33 skill Builds accessible design systems and headless UI components with Radix UI primitives. Useful for custom component libraries and WCAG 2.1 compliance. Claude Code CX Codex Cursor +1 1,300installs refero-design referodesign skill A research-led skill for UI and product design that grounds work in references before code. Use it for landing pages, product screens, redesigns, and visual polish. Claude Code CX Codex Cursor +1 11,900installs preline-theme-generator htmlstreamofficial skill Generates custom Preline UI theme CSS from brand colors or mood descriptions. Runs entirely through local scripts after install. Claude Code CX Codex Cursor +1 1,300installs image vercel-labs skill Turns JSON specs into SVG and PNG images via Satori. Useful for generating OG images, social cards, and rendering AI-generated image specs. Claude Code CX Codex Cursor +1 1,500installs material-3 hamen skill Walks an AI agent through Material Design 3: dynamic color, Jetpack Compose components, adaptive layout. Use it when a screen has to look like MD3 rather than a rough approximation. Claude Code CX Codex Cursor +1 3,200installs pinned-comment charlie947 skill Creates a LinkedIn pinned comment and an image prompt in the author’s voice. Use it when a post needs a restrained, self-deprecating aside. Claude Code CX Codex Cursor +1 1,300installs pptx-visual-assets kimtth skill Places approved icons, images, SVGs, and diagrams onto editable PPTX decks with precise bounding boxes and verified rights. Claude Code CX Codex Cursor 2,600installs image-to-ui UIZZE skill Turn a screenshot, mockup, or sketch into working interface code. The skill views the image, reproduces it exactly in code, then renders and compares to fix any mismatches. Claude Code CX Codex Cursor +1 63,500installs userinterface-wiki raphael-salaja skill Handbook of 152 UI/UX rules for web interfaces. Skill checks animations, typography, audio feedback and UX patterns, reports errors with file:line precision. Claude Code CX Codex Cursor +1 4,500installs anti-ui-slop official UIZZE skill This skill guides agents toward product-specific interfaces instead of generic UI. Use it for web or iOS design, implementation, redesign, and pre-ship review. GitHub Copilot 967installs kill-ai-slop yetone skill Finds and removes the generic visual and copy tics that make a site look machine-generated. Use it when a landing page or UI feels templated and needs a human touch. Claude Code CX Codex Cursor +1 3,200installs pptx-reference-deck-analysis kimtth skill Reads a PPTX reference deck without changing it, covering structure, theme, typography, layouts, and OOXML. Use it before building a new deck from a reference. Claude Code CX Codex Cursor 2,500installs pptx-deck-context kimtth skill Locks down deck narrative, source citations, and visual styling before any slides or PPTX objects are authored. Claude Code CX Codex Cursor 2,500installs visual-explainer nicobailon skill Generates self-contained HTML visual explanations with SVG diagrams, architectures, and animated flows. Useful for code reviews, system designs, and technical concepts. Claude Code CX Codex Cursor +1 748installs frontend-ui-dark-ts sickn33 skill Build dark-themed React interfaces with Tailwind CSS and Framer Motion. It guides dashboard, admin panel, and data-dense UI styling. Claude Code CX Codex Cursor +1 1,100installs scroll-craft nateherkai skill A skill that plans and builds a scroll-driven landing page: brief interview, section order, one emotional peak, dimensional hero, screenshot checks. Claude Code CX Codex Cursor +1 1,200installs cli-anything-drawio HKUDS skill A command-line harness over Draw.io: the skill hands your agent commands to build a diagram step by step and export it to PNG, PDF or SVG. Claude Code CX Codex Cursor +1 666installs api-design-principles sickn33 skill Skill for designing REST and GraphQL APIs from scratch: architecture, versioning, error handling, and authentication that make APIs pleasant for other developers to consume. Claude Code CX Codex Cursor +1 1,000installs ux-heuristics wondelai skill A skill that audits interface usability: it flags where users stall, rates each finding by severity, and tells you what to fix first. Claude Code CX Codex Cursor +1 9,300installs logo-design kaankiziltug skill Guides professional SVG logo and brand-mark design inside the agent, from the initial brief to geometry audits and icon exports. Claude Code CX Codex Cursor +1 1,000installs ui-designer VoltAgent Community subagent Designs visual interfaces, builds component libraries, and creates handoff documentation. Ideal when code needs structured UI states and design tokens. Claude Code 1,979installs sparc-implement ruvnet skill A skill that runs SPARC design phases: writes algorithm pseudocode, defines module boundaries and API contracts, then generates working code. Use it if you're developing with SPARC methodology and want to automate the architecture stage. Claude Code CX Codex Cursor +1 734installs