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

orbit-card heygen-com skill Adds a 10-second 1920×1080 HyperFrames motion block where a single feature card orbits a dot sphere using exported Blender camera paths. Claude Code CX Codex Cursor +1 9,800installs wireframe-portal-title heygen-com skill This skill creates an animated 3D title that breaks through a wireframe portal and changes into a second phrase. Use it for configurable HyperFrames compositions. Claude Code CX Codex Cursor +1 9,800installs canopy-part-title heygen-com skill A HyperFrames block where a canopy of leaves crosses the frame, parts, and uncovers two headlines. Useful when a title card needs motion without building the scene yourself. Claude Code CX Codex Cursor +1 9,800installs code-slice-hero heygen-com skill Animates a tiled headline flip via WebGL 2 and Canvas 2D to reveal a rear phrase. Built for 1920×1080 motion titles lasting 8 s. Claude Code CX Codex Cursor +1 9,800installs glass-shard-title heygen-com skill Turns a headline into flying glass panes: shards drift in through fog, rotate, and tile themselves into the letters. A HyperFrames block at 1920×1080, 12.16s. Claude Code CX Codex Cursor +1 9,800installs cuboid-carousel heygen-com skill A skill that renders a 3D carousel of bevelled cuboids carrying card content: they fly in from the right, ride a wave, and exit left. Useful for promo clips and title sequences. Claude Code CX Codex Cursor +1 9,800installs kami tw93 skill A typesetting skill that builds documents from Kami templates: resumes, one-pagers, letters, portfolios, slide decks and landing pages. Useful when you want a clean PDF from a ready layout. Claude Code CX Codex Cursor +1 13,300installs data-visualization official anthropics skill Selects chart types based on data structure and produces Python visualization code in matplotlib, seaborn, and plotly. Useful for reports and research figures. Claude Code CX Codex Cursor +1 13,700installs nuxt-ui nuxt skill Guides AI agents in building interfaces with @nuxt/ui v4, covering semantic Tailwind CSS theming, layout patterns, and component selection. Claude Code CX Codex Cursor +1 19,700installs bmad-agent-ux-designer bmad-code-org skill Activates Sally, a dedicated UX designer persona for crafting interaction design and interface specifications. Helps teams map out user journeys and edge cases before coding. Claude Code CX Codex Cursor +1 11,600installs bmad-ux bmad-code-org skill Captures UX vision into DESIGN.md and EXPERIENCE.md documents. It structures visual identity and interaction logic without imposing arbitrary choices. Claude Code CX Codex Cursor +1 11,400installs frontend-patterns affaan-m skill A skill for React and Next.js work: component patterns, state, data fetching, and render performance. Use it when building or reviewing UI. Claude Code CX Codex Cursor +1 5,900installs imagegen official openai skill This skill creates and edits raster images such as illustrations, textures, sprites, and mockups. Use it when the output should be a bitmap asset. Claude Code CX Codex Cursor +1 5,700installs playground official Anthropic skill Builds interactive HTML playgrounds with controls, a live preview, and a generated prompt. Use it when a topic is easier to explore visually than through plain text. Claude Code 7,967installs app-store-screenshots ParthJadhav skill Scaffolds a Next.js and ShadCN editor where you design and export App Store and Google Play screenshots. Claude Code CX Codex Cursor +1 14,900installs better-ui jakubkrehel skill This skill sets concrete rules for surface details, icons, shadows, and motion. Use it to polish an interface after its underlying interactions work. Claude Code CX Codex Cursor +1 38,900installs gpt-image-2-style-library freestylefly skill Converts user ideas into production-ready GPT-Image2 prompts using the awesome-gpt-image-2 catalog. Helps configure layout, style tags, and concrete constraints. Claude Code CX Codex Cursor +1 4,000installs frontend-slides affaan-m skill Creates animation-rich HTML presentations from scratch or converts PPT/PPTX files into browser slides. Use it for talks, pitches, workshops, and internal decks. Claude Code CX Codex Cursor +1 5,400installs web-design-engineer ConardLi skill Directs your coding agent to craft polished web interfaces in HTML, CSS, JavaScript, and React. Useful for building dashboards, UI prototypes, slide decks, and animations. Claude Code CX Codex Cursor +1 8,700installs frontend-design-direction affaan-m skill Sets a product-specific direction for web UI and helps check hierarchy, content states, responsive behavior, accessibility, and rendered results. Claude Code CX Codex Cursor +1 5,300installs liquid-glass-design affaan-m skill A skill that feeds your coding agent the iOS 26 Liquid Glass patterns for SwiftUI, UIKit and WidgetKit. Useful when you're building or porting an app to iOS 26+. Claude Code CX Codex Cursor +1 5,200installs stitch::generate-design official google-labs-code skill Turns a text prompt or an image into a finished UI screen through Stitch MCP, then edits it with targeted prompts. Claude Code CX Codex Cursor +1 10,700installs stitch::extract-design-md official google-labs-code skill Extracts a complete DESIGN.md design system directly from frontend source files without building or rendering the project. Useful for styling audits and Stitch exports. Claude Code CX Codex Cursor +1 10,500installs blender-motion-state-inspection affaan-m skill Inspects Blender characters and retargeted animations using bone coordinates and scene geometry instead of guesswork from screenshots. Claude Code CX Codex Cursor +1 4,900installs design-system affaan-m skill Builds a design system out of the styles already in your repo, or audits them: tokens, a ten-point UI score, and a check for generic AI styling. Claude Code CX Codex Cursor +1 4,900installs better-typography jakubkrehel skill Reviews interface typography and applies fixes through the project’s styling system. Use it to check text hierarchy, wrapping, truncation and punctuation. Claude Code CX Codex Cursor +1 33,800installs remotion-video-creation affaan-m skill This skill gives coding agents Remotion guidance for React video work, from animation and audio to captions, charts, and transitions. Use it while building or editing a Remotion project. Claude Code CX Codex Cursor +1 4,800installs stitch::manage-design-system official google-labs-code skill Manages Stitch design systems through MCP tools: retrieves screen data, creates project-level tokens, and applies them to selected screens. Claude Code CX Codex Cursor +1 10,200installs stitch::code-to-design official google-labs-code skill Moves an existing frontend into Stitch by extracting standalone HTML and a design system, then uploading both to a project. Useful when bringing pages or components into Stitch for further work. Claude Code CX Codex Cursor +1 10,100installs baseline-ui ibelick skill Cleans up AI-generated UI code by fixing layout issues, typography, spacing, and animations. Useful for a fast frontend polish pass before merging. Claude Code CX Codex Cursor +1 24,100installs baoyu-diagram JimLiu skill Builds dark-themed, standalone SVG technical diagrams, flowcharts, and mind maps directly inside your AI coding session. Claude Code CX Codex Cursor +1 15,300installs brand-landingpage Travis D. Elliott skill This skill interviews you about the product and its visual direction, then builds a landing page through Stitch. Use it when there’s no established design yet. Claude Code CX Codex Cursor 39,476installs stitch::upload-to-stitch official google-labs-code skill Uploads local images, mockups, extracted HTML, and design markdown to a Stitch project over HTTP, bypassing MCP base64 token limits. Claude Code CX Codex Cursor +1 9,900installs stitch::extract-static-html official google-labs-code skill This skill saves a rendered app page as a standalone HTML file with CSS and images embedded. Use it to share a static view or prepare a page for Stitch. Claude Code CX Codex Cursor +1 9,900installs motion-advanced jeff skill Advanced gesture and animation patterns for React and Next.js. Guides your coding agent through drag-and-drop, SVG drawing, and imperative useAnimate sequences. Claude Code CX Codex Cursor +1 4,600installs manim-video affaan-m skill Builds technical explainers in Manim for graphs, system diagrams, and product walkthroughs. Use it when motion should clarify the idea instead of a talking-head script. Claude Code CX Codex Cursor +1 4,600installs make-interfaces-feel-better affaan-m skill This skill helps review and refine interface details such as spacing, typography, interaction states, and motion. Use it when a component feels unfinished or visually off. Claude Code CX Codex Cursor +1 4,600installs motion-patterns jeff skill A skill with reusable animation patterns for React and Next.js. Use it for buttons, modals, toast notifications, page transitions, scroll reveals, and layout changes. Claude Code CX Codex Cursor +1 4,600installs better-colors jakubkrehel skill Audits color systems, generates ramps, and maps semantic tokens to roles. Use it when hardcoded hex values pile up or text contrast needs verifiable measurement. Claude Code CX Codex Cursor +1 32,200installs ppt-generation bytedance skill Creates PPTX presentations by generating slide visuals and assembling them into PowerPoint decks. Useful when you need a consistent visual deck from a text prompt. Claude Code CX Codex Cursor +1 5,200installs