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

slides claudekit skill Builds strategic HTML presentations using Chart.js and design tokens. Useful for generating pitch decks and marketing slides directly from the agent. Claude Code CX Codex Cursor +1 38,400installs frontend-ui-engineering addyosmani skill Enforces production standards for component architecture, WCAG 2.1 AA accessibility, and design systems. Stops AI models from defaulting to purple buttons, heavy shadows, and arbitrary spacing. Claude Code CX Codex Cursor +1 66,600installs api-and-interface-design addyosmani skill Guides API and module-boundary design with explicit contracts, validation, and consistent errors. Use it for REST, GraphQL, or public interfaces. Claude Code CX Codex Cursor +1 61,900installs mobile-native emilkowalski skill Strips the tells that give a web app away on a phone: sticky hover, tap highlight flash, the 100vh bug. Claude Code CX Codex Cursor +1 84,500installs ppt-master hugohe3 skill This skill creates and edits PPTX decks, rebuilds slide visuals, and fills native templates. Use it when an agent needs a presentation workflow rather than plain text. Claude Code CX Codex Cursor +1 19,700installs diagram-design cathrynlavery skill Draws 45 diagram types as self-contained HTML files with inline SVG. Useful when a picture beats a paragraph. Claude Code CX Codex Cursor +1 18,900installs image coreyhaines31 skill A skill for marketing visuals: AI generation, editing existing images, picking the right model, and web optimization. Claude Code CX Codex Cursor +1 86,800installs design-md official google-labs-code skill Extracts screens and styles from Google Stitch via MCP to synthesize a semantic design system into a DESIGN.md file. Claude Code CX Codex Cursor +1 64,700installs paywalls coreyhaines31 skill This skill helps plan in-app paywalls and prompts to upgrade. Use it when a product needs to explain paid features after users have experienced value. Claude Code CX Codex Cursor +1 70,100installs popups coreyhaines31 skill Guides the design and copy of modals, slide-ins, and banners focused on conversions without hurting user experience. Claude Code CX Codex Cursor +1 70,000installs enhance-prompt official google-labs-code skill Turns rough UI concepts into detailed, structured prompts for Google Stitch. Pulls tokens from DESIGN.md and formats colors, sections, and component keywords. Claude Code CX Codex Cursor +1 58,300installs stitch-loop official google-labs-code skill Guides agents through iterative website creation with Stitch MCP. The agent reads the baton file, generates UI, integrates the page, and prepares tasks for the next run. Claude Code CX Codex Cursor +1 56,300installs remotion-create remotion-dev skill This skill creates a new Remotion project and prepares a video composition. Use it when an agent needs to build video with React markup. Claude Code CX Codex Cursor +1 208,800installs remotion-markup remotion-dev skill A skill that tells your agent how to write Remotion React markup: frame-driven animation, media components, effects. Useful when you build video in code. Claude Code CX Codex Cursor +1 202,600installs gsap-core greensock skill This skill helps write core GSAP animations for DOM and SVG. Use it for tweens, easing, stagger effects, and reduced-motion handling. Claude Code CX Codex Cursor +1 74,600installs stitch::react-components official google-labs-code skill Turns Stitch designs into modular Vite and React components. Can also sync existing components with updated Stitch designs. Claude Code CX Codex Cursor +1 50,400installs gsap-scrolltrigger greensock skill Teaches AI agents to build scroll-driven animations with GreenSock ScrollTrigger, including pinned sections and scrub timelines. Claude Code CX Codex Cursor +1 71,600installs gsap-timeline greensock skill This skill helps an agent build GSAP timelines, control timing, and manage playback. Use it for multi-step or parallel animation scenes. Claude Code CX Codex Cursor +1 68,500installs gsap-plugins greensock skill A skill that walks your agent through GSAP plugin registration and usage: ScrollTo, Flip, Draggable, SplitText and more. Handy when your animations already run on GSAP. Claude Code CX Codex Cursor +1 66,600installs gsap-react greensock skill This skill guides GSAP animation work in React and Next.js, including scoped selectors, cleanup, and client-only execution. Claude Code CX Codex Cursor +1 65,800installs remotion-studio remotion-dev skill This skill starts Remotion Studio and opens a video preview. Use it to inspect a composition and follow changes while working on a video. Claude Code CX Codex Cursor +1 172,100installs animation-performance emilkowalski skill A diagnostic skill that tracks down dropped frames in web animations and points to the cheaper property to animate instead. Claude Code CX Codex Cursor +1 34,700installs gsap-utils greensock skill This skill guides an agent through gsap.utils for ranges, random values, snapping, and collections. Use it when building GSAP animations. Claude Code CX Codex Cursor +1 64,700installs daisyui saadeghi skill This skill hands your coding agent the daisyUI 5 reference, so it writes markup with real component classes instead of inventing its own. Claude Code CX Codex Cursor +1 12,000installs remotion official google-labs-code skill Turns Stitch project screens into a Remotion walkthrough with transitions, zoom effects, and text overlays. Useful for presenting an interface screen by screen. Claude Code CX Codex Cursor +1 41,300installs anatomy wheresryan22 skill Builds detailed interactive isometric SVG figures that explain technical ideas as physical machines. Useful for landing pages and docs. Claude Code CX Codex Cursor +1 21,100installs make-interfaces-feel-better jakubkrehel skill This skill guides small UI refinements, from icon alignment to motion. Use it while building components or reviewing frontend code. Claude Code CX Codex Cursor +1 73,200installs gifgrep openclaw skill Searches Tenor and Giphy from the CLI, downloads GIF files, and extracts frames or contact sheets for PRs and docs. Claude Code CX Codex Cursor +1 5,200installs baoyu-image-gen JimLiu skill Generates images via OpenAI, Google, DashScope, and other APIs directly inside your coding agent. Handles text prompts, image references, and parallel batch jobs. Claude Code CX Codex Cursor +1 33,600installs fireworks-tech-graph yizhiyanhua-ai skill Builds precise technical SVG diagrams, exports them to PNG or standalone HTML, and animates semantic SVGs into GIFs. Suitable for system architecture, UML, and cloud workflows. Claude Code CX Codex Cursor +1 18,000installs baoyu-infographic JimLiu skill Turns your text into an infographic: picks a layout and style, writes the prompt, renders the image. Claude Code CX Codex Cursor +1 32,800installs baoyu-cover-image JimLiu skill Generates article cover images across five dimensions: type, palette, rendering, text and mood. Useful when a post or longread needs a header image. Claude Code CX Codex Cursor +1 32,100installs excalidraw-diagram-generator official github skill Turn a plain-language description into an Excalidraw diagram. Useful for mapping processes, system structure, and relationships between entities. GitHub Copilot 31,639installs baoyu-article-illustrator JimLiu skill Inspects article structure, picks key spots for graphics, and generates consistent raster illustrations. Use it when an article needs visuals planned directly inside your coding agent. Claude Code CX Codex Cursor +1 31,900installs baoyu-slide-deck JimLiu skill Turns content into slide images: an outline with style rules first, then individual PNGs. Built for reading and sharing, not live presenting. Claude Code CX Codex Cursor +1 31,200installs interface-design Dammyjay93 skill This skill guides product UI work for dashboards, admin panels, SaaS apps, and tools. Use it when hierarchy, states, visual direction, and design-system consistency matter. Claude Code CX Codex Cursor +1 30,700installs taste-design official google-labs-code skill Generates agent-ready DESIGN.md files for Google Stitch screens. It sets strict rules for typography, palettes, and spring motion to avoid generic UI tropes. Claude Code CX Codex Cursor +1 20,100installs baoyu-compress-image JimLiu skill Compresses images into WebP or PNG using local tools like sips and cwebp. Handy for optimizing assets directly inside your repository. Claude Code CX Codex Cursor +1 28,200installs tailwind-design-system Seth Hobson skill Helps build design systems with Tailwind CSS v4, from theme tokens to component variants. Use it when a project needs shared UI patterns. Claude Code CX Codex Cursor 70,180installs frost-sequence-camera-orbit heygen-com skill Builds a 22.5-second scene where an orbiting camera follows an ice logo that breaks apart, reforms into two text moments, and fades. Claude Code CX Codex Cursor +1 9,800installs