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

think tw93 skill Turns a rough idea into a plan with a recommendation, success criteria, and checks. Use it to weigh architecture choices or prepare a handoff before coding. Claude Code CX Codex Cursor +1 14,900installs design-system official anthropics skill This skill audits a design system, documents components, and helps extend existing patterns. Use it when tokens, states, naming, or accessibility need a closer check. Claude Code CX Codex Cursor +1 4,200installs research-synthesis official anthropics skill Synthesizes interview transcripts, surveys, and support tickets into structured reports with themes, user segments, and prioritized actions. Claude Code CX Codex Cursor +1 4,100installs frontend-design nexu-io skill Skill for building frontend interfaces with considered typography, color and layout — from landing pages to dashboards. Claude Code CX Codex Cursor +1 4,800installs transitions-polish Jakubantalik skill This skill audits existing animations and maps timing, distance, scale, blur, and easing to motion tokens. Use it when motion feels off. Claude Code CX Codex Cursor +1 10,600installs variant jakubkrehel skill This skill builds distinct versions of one UI component and puts them on the page where it will live. Use it to compare design directions before choosing one. Claude Code CX Codex Cursor +1 14,300installs surprise-me bytedance skill This skill combines available skills into one unexpected creative deliverable. Use it when you want inspiration or a project without choosing the format yourself. Claude Code CX Codex Cursor +1 2,300installs explain-interface jakubkrehel skill Explains how a visual effect, animation, or website layout was built from a live page or a screenshot. It breaks down the underlying layer stack. Claude Code CX Codex Cursor +1 13,900installs interaction-design Seth Hobson skill This skill helps design microinteractions, transitions, and feedback states. Use it when polishing a UI or building loading and gesture patterns. Claude Code CX Codex Cursor 16,146installs kpi-dashboard-design Seth Hobson skill This skill helps design KPI dashboards, choose useful metrics, and trace conflicting calculations. Use it for SaaS, operations, and cohort analysis views. Claude Code CX Codex Cursor 16,141installs design-system-patterns Seth Hobson skill Guides the design of design tokens, theme switching, and component library architecture. Use it when establishing shared UI foundations for a project. Claude Code CX Codex Cursor 15,953installs unocss Anthony Fu skill A skill that gives the agent reference material on UnoCSS configuration, rules, shortcuts and presets. Useful when setting up UnoCSS or reusing Tailwind knowledge in it. Claude Code CX Codex Cursor +1 16,000installs react-native-design Seth Hobson skill This skill guides React Native styling, navigation, and Reanimated animations. Use it when building cross-platform mobile apps or platform-specific screens. Claude Code CX Codex Cursor 15,522installs visual-design-foundations Seth Hobson skill This skill helps define typography, color, spacing, and icon rules for a project. Use it when setting up design tokens or bringing an interface into visual consistency. Claude Code CX Codex Cursor 13,566installs baoyu-design JimLiu skill Generates UI mockups, interactive prototypes, slide decks, and design systems as self-contained HTML. Useful whenever an agent needs to produce interface layouts. Claude Code CX Codex Cursor +1 6,300installs web-component-design Seth Hobson skill This skill helps design reusable components for React, Vue, and Svelte. Use it for UI libraries, design systems, or legacy component refactors. Claude Code CX Codex Cursor 13,167installs threejs nexu-io skill Guides the agent in building browser 3D scenes, materials, interactive controls, and post-processing with Three.js. Claude Code CX Codex Cursor +1 3,400installs creative-director nexu-io skill This skill takes a creative concept from brief to presentation and checks it on three axes. Use it for campaign ideas and creative critique. Claude Code CX Codex Cursor +1 3,400installs design-brief nexu-io skill Parses an I-Lang design brief into a concrete spec with palette, typography, density, and constraints. Eliminates ambiguity from phrases like "make it professional." Claude Code CX Codex Cursor +1 3,400installs improve-ui ibelick skill Audits an interface against its own design system, finds proven inconsistencies, and writes fix plans for another agent without touching source. Claude Code CX Codex Cursor +1 7,800installs premium-frontend-ui official Utkarsh Patrikar skill Guides GitHub Copilot when building animated web interfaces. Use it for a visually distinctive landing page or interactive portfolio. GitHub Copilot 4,900installs expo-native-ui expo skill Guides your coding agent in building native-feeling Expo screens with Apple HIG styling, @expo/ui components, SF Symbols, and semantic colors. Claude Code CX Codex Cursor +1 31,400installs wcag-audit-patterns Seth Hobson skill Audits web interfaces against WCAG 2.2 with automated checks and manual verification. Use it to find violations and build accessible patterns. Claude Code CX Codex Cursor 12,486installs apple-hig nexu-io skill Integrates Apple Human Interface Guidelines for iOS, macOS, visionOS, watchOS, and tvOS into your coding agent during planning. Claude Code CX Codex Cursor +1 3,200installs agentation-self-driving benjitaylor skill Runs autonomous design critiques in a visible browser window and leaves feedback notes directly through the Agentation toolbar. Claude Code CX Codex Cursor +1 7,000installs dfam-check earthtojake skill Measures mesh files against Design for Additive Manufacturing rules to evaluate printability before slicing or running CAD regeneration. Claude Code CX Codex Cursor +1 4,100installs hatch-pet nexu-io skill Creates, validates, and packages 8×9 animated pet spritesheets for Codex. Use it when turning visual references or concept prompts into importable digital pet companions. Claude Code CX Codex Cursor +1 3,100installs design-md nexu-io skill Creates and maintains DESIGN.md with design direction, tokens, and visual rules. Useful when an agent needs one source of truth for a project’s design system. Claude Code CX Codex Cursor +1 3,100installs d3-visualization nexu-io skill This skill teaches the agent to create interactive D3.js visualizations. Use it to generate charts for dashboards, reports, and data-rich prototypes. Claude Code CX Codex Cursor +1 3,100installs design-review nexu-io skill Audits UI visually, fixes flaws with atomic commits, and captures before/after screenshots. Useful for tightening shipped interface code right before launch. Claude Code CX Codex Cursor +1 3,100installs frontend-skill nexu-io skill This skill helps agents create visually strong landing pages, websites, and app UIs with restrained composition. Use it for frontend and interface work. Claude Code CX Codex Cursor +1 3,000installs presentation iii-hq skill Turns a technical-spec directory into an interactive web presentation. Use it when a specification needs a shareable deck with a clear narrative. Claude Code CX Codex Cursor +1 3,400installs popular-web-designs Hermes Agent + Teknium (design systems sourced from VoltAgent/awesome-design-md) skill 54 real-world design systems (Stripe, Linear, Vercel, Claude) with CSS tokens, typography, and components for building pages styled after known brands. Claude Code CX Codex Cursor +1 914installs seo-image-gen AgriciDaniel skill Generates OG images, blog heroes, product photos, and infographics through Gemini. Use it when an SEO asset needs to be created from an agent workflow. Claude Code CX Codex Cursor +1 6,000installs shadcn-ui nexu-io skill This skill helps an agent build structured, accessible UI components with shadcn/ui. Use it while planning an interface with the Stitch design loop. Claude Code CX Codex Cursor +1 2,900installs swiftui-design nexu-io skill A skill that guides SwiftUI interface design by clear rules, avoiding typical AI-code mistakes. Directs design decisions, validates brand assets, and reviews layouts across five dimensions. Claude Code CX Codex Cursor +1 2,900installs pptx-generator nexu-io skill Creates and edits PowerPoint presentations from scratch with PptxGenJS and MiniMax's pipeline. Useful when you need the agent to generate slide decks. Claude Code CX Codex Cursor +1 2,900installs plan-design-review nexu-io skill The skill rates each design dimension from 0-10, explains what a 10 looks like, and flags AI Slop signals. Run it before merging UI work. Claude Code CX Codex Cursor +1 2,900installs flutter-animating-apps nexu-io skill Implements animations and transitions in Flutter apps. Useful for crafting native iOS and Android motion design. Claude Code CX Codex Cursor +1 2,900installs canvas-design nexu-io skill Create posters, illustrations, and other static artwork as PNG or PDF. Use the skill when an agent needs to make a visual piece from a prompt. Claude Code CX Codex Cursor +1 2,900installs