A production-grade developer design-system skill for AI coding assistants. Use it to enforce strict layout constraints, typography locks, accessibility compliance, and anti-slop visual rules across generated frontends.
Extract any brand into a DESIGN.md file. Use when the user asks to extract a brand, get colors and fonts from a website, generate brand guidelines from a URL, build on-brand assets for a specific company, or prepare design tokens for AI agents. Outputs a Stitch-compatible DESIGN.md any AI agent (Claude Code, Cursor…
Creates conceptual designs that illustrate design strategy and approach. Use when user says "mockup", "wireframe", "concept", "mood board", "visual direction", "design options", "explore designs", "UI design", "prototype", "design this", "show me designs", "create a design", "look and feel", or "design variations".…
Multi-perspective cross review for product, design, and technical proposals. Reviews proposals from user, system, and cost perspectives using isolated reviewer roles. Works out of the box with zero configuration (single-model with sub-agent isolation). Optionally configure a second model (GPT, Claude, Gemini…
A guide for designing single-image covers for Xiaohongshu, a Chinese social media platform. It can analyse reference covers and turn content into visual layouts and image-generation prompts.
Design practical, production-grade editable vector icons and icon systems with clean geometry, strong recognition, scalable SVG structure, and restrained visual polish. Use when the user asks to create, improve, audit, or export app icons, product icons, system icons, feature icons, SVG icons, Figma-ready icons, icon…
A design guide for building and reviewing interfaces for business software, such as dashboards, customer-management tools, finance systems, and AI workspaces. It applies a defined visual system with blue-first colours and structured design steps.
This skill turns Claude into your personal brand designer. Through a guided conversation, Claude will ask you everything it needs to know about your brand — your name, personality, colors, fonts, vibe, and more — then generate a complete, beautiful HTML brand kit file you can download and keep forever.
Use when creating or revising a PPT, PowerPoint, presentation deck, leadership deck, or executive progress deck as an editable 16:9 .pptx with repo-backed evidence, minimal text, restrained white-first visuals, and screenshot-based layout QA.
Use this skill when you need a complete developer-ready design specification for a named aesthetic: W3C DTCG design tokens, CSS custom properties, cultural marker lists, component-level notes, and accessibility flags. Translates aesthetic understanding into implementable values across all 7 dimensions. Use when the…
A design system for creating presentations in HTML or PPTX format, with predefined visual styles, layouts, typography rules, and image guidance. PPTX is the editable presentation format used by PowerPoint and similar tools.
Create, redesign, critique, or plan audience-ready presentations and PowerPoint decks from a short prompt or source material. Use for portfolios, work/result reviews, proposals, sales decks, investor pitches, strategy or decision decks, research and technical talks, lessons, keynotes, reports, product launches, and…
A skill for designing interactive groups in plain SVG without using IDs. SVG is a text-based format for scalable graphics such as icons, diagrams, and illustrations.
Build dark skeuomorphic UI components (knobs, sliders, inset controls, raised shells) with top-lighting, layered shadows, tactile depth, and animation-ready interaction patterns. Trigger this skill when the user asks for skeuomorphic components, neumorphic dark controls, rotary dials, or realistic hardware-like UI.
Redesign and locally modify an existing Codex desktop or web interface from reference images, a user persona, a celebrity, idol, actor, musician, fictional character or original IP theme, a visual style, or a combination of these inputs. Use when Codex needs to inspect a local Codex installation or source checkout…
Compare a UI design screenshot with an implementation screenshot locally in the Sandian browser app. Use when a designer needs visible-difference review, annotated implementation screenshots, severity-filtered repair checklists, or JSON issue groups. Keep images on the local device; use the tool as visual-review…
Use OpenUI when the task is to create a landing page, homepage, marketing page, hero page, design concept page, or multiple landing-page variants. First ensure repo-root AGENTS.md contains the OpenUI workflow guidance, then create the repo-root design.md file with fully resolved inputs and a filled version of the…
Recommend UI pattern sources, component registries, visual references, and motion/runtime options for UI/UX projects with stack compatibility, freshness labels, no-copy boundaries, evidence manifests, and handoffs to design, build, critic, and progress-dashboard skills. Use when a user asks what UI libraries…
Generate, validate, and interpret static A2UI v0.8 JSON for interactive UI surfaces. Use when an agent needs to call publisha2ui, author A2UI messages, check whether generated A2UI JSON is valid, or handle normalized userAction replies from interactive UI callbacks.
Apply Anthropic/Claude's official visual design language to any creative output. Use this skill whenever the user asks to create content 'in Claude style', 'Anthropic style', 'Claude aesthetic', or wants a design that matches Claude's brand identity. This includes: web pages, landing pages, HTML artifacts, React…
★not rated 11 5mo agoA177 tokens
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: