Design AI Skills

Mixpanel's UI design system. Use when building interfaces inspired by Mixpanel's aesthetic - light mode, Inter font, 4px grid.

Complete design system reference for any project - colors, typography, spacing, components, animations. Adapts to project theme and tech stack. Use when implementing UI, choosing colors, creating…

Use when building or styling desktop apps, Quickshell QML components, bars, panels, popups, launchers, notifications, or widgets that should fit an existing system theme. Derives reusable palette,…

Run a GDScript file against Summer Engine from the shell for what no MCP tool does: navmesh, TileSets.

Create consistent, scalable design systems using Tailwind CSS utility classes with custom themes, design tokens, and responsive design patterns. Use when building design systems, implementing custom…

Ready-to-use KOL cold outreach templates — DM scripts for Twitter, email pitches, and follow-up sequences designed to get replies from busy influencers. Tested across 500+ creator partnerships. By…

Create comprehensive design systems, brand identities, and UI component libraries. Use when the user says "create design system", "build brand identity", "design UI components", "generate design…

Audit a game feature, system concept, prototype plan, or preproduction proposal to determine whether the prototype is meant to sell the idea or reveal unknowns, and whether the prototype scope matches…

Two-pass hand-drawn block-print spot illustration — one accent color painted as free-floating shapes on pure white, with chunky black ink line art layered on top. Imperfect screen-print feel, linocut…

Drupal 与 WordPress 专家，精通主题开发、自定义插件/模块、内容架构和代码优先的 CMS 实现。

Editorial magazine op-ed cover illustration — flat-vector + paper-grain scene with elongated ink-line characters, a muted retro palette, and a serif headline overlay block in the lower-right corner.…

Tactical growth hacking playbook — rapid experimentation, growth loops, viral mechanics, referral flywheels, PLG hacks, content-led growth loops, community-driven growth, and low-cost acquisition…

把有证据的可复用经验写入最合适的项目或共享 Agent 规范。支持明确输入与结果回读。Use to persist a reusable lesson in agent instructions.

Help users onboard new team members effectively. Use when someone is planning onboarding for a new hire, starting a new job themselves, designing a first-90-days plan, or trying to ramp up new…

Analyze, describe, and extract information from images using the MiniMax vision MCP tool. Use when: user shares an image file path or URL (any message containing .jpg, .jpeg, .png, .gif, .webp, .bmp,…

Choose and design UI icons that are understood, not just decorative — universal metaphors, one consistent style, text/accessible labels where meaning isn't obvious, legible at small sizes, and…

Design-foundations system for Claude Code built on Design for Hackers: a four-stage workflow (research, plan, mock, build) with a seeded design-DNA dealer, dual-blind review, and doctrine skills for…

Guidelines and instructions for Embeddings model API vectors mappings

Interactive setup wizard for Everything Design Code. Guides installation and configuration of agents, skills, rules, and hooks.

Avocat du diable de votre stratégie marketing {{COMPANY_NAME}}. Challenge un positionnement, une offre, un pricing, un funnel, un lancement ou un plan de contenu à partir de 13 grands cadres…

Route Figma-specific component, variable, style, and library questions to Figma's current official design-system guidance without reproducing upstream material. Use as a reference when exact Figma…

Audit and fix visual hierarchy, spacing, color, and depth in web UIs. Use when the user mentions "my UI looks off", "fix the design", "Tailwind styling", "color palette", "visual hierarchy", "design…

Twitter Share Card (Open Design) — use only when the user explicitly runs this skill

A hospital data-governance briefing: patient-data risk, the control framework, accountability, and the approval the board must give. Built as a decision-grade policy briefing deck for health-system…

Runs rigorous visual QA across web, terminal, and paginated surfaces with screenshot evidence and a verdict. Use for any UI build or change, or when asked whether a page, component, or TUI looks…

Brainstorm product positioning ideas differentiated from competitors. Identifies top competitors and generates positioning statements with rationale. Use when developing product positioning,…

Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.

CSS and Tailwind, cn(), flex layouts. Use for "style this", "fix the CSS", "add classes", "not scrolling", "overflow", Tailwind utilities.

Generate professional slide deck images from academic papers and content. Creates comprehensive outlines with style instructions, auto-detects figures from PDFs, then generates individual slide…

High-end dark aesthetic with bold headings, monochromatic palette, and premium feel for premium brand experiences.

Apply interface craft when building or reviewing UI - motion, easing, timing, springs, component feel, and visual foundations. Use when building a component, animation, transition, hover or press…

Use when the user wants the visual/experiential design of a product done systematically — a design system, a screen, a landing page, or a visual identity — grounded in researched real-world prior art…

Build a complete marketing plan covering the full customer journey from stranger to raving fan. Use when the user mentions "marketing plan", "marketing strategy", "target market", "USP", "lead…

Migrate legacy Salesforce UI stacks onto modern LWC — Aura → LWC conversion completeness verification and Lightning Out Beta → Lightning Out 2.0 host-page migration. TRIGGER on "verify Aura to LWC…

Build an Instagram carousel - the cover that earns the swipe, slide-by-slide copy, and the 1080x1350 files to upload. Use when the user says "carousel", "slides", "swipe post", "turn this into a…

Plan a creative testing roadmap with script-computed sample sizes. Fatigue → creative-health. "build a creative testing roadmap"

Use when implementing particle effects — GPUParticles2D/3D, ParticleProcessMaterial, emission shapes, subemitters, trails, attractors, collision, and common VFX recipes

Day 4 (Thursday) move of a Design Sprint that produces the planning artifact for the day. Output covers the prototype role plan (Maker, Stitcher, Writer, Asset Collector, Interviewer), prototype brief…

One-prompt autonomous product design and implementation. Use automatically for broad greenfield UI requests such as 'from scratch', '새 제품/화면을 알아서 만들어줘', or requests that delegate DESIGN.md creation.…

Audit a study against an appropriate methodological-quality and risk-of-bias rubric; return domain-level judgments, evidence, and overall confidence.

Achieve and maintain WCAG compliance through inclusive design practices, proper ARIA usage, and comprehensive testing methodologies.

Quick reference for RESTful API design patterns, HTTP semantics, caching, and rate limiting. Triggers on: rest api, http methods, status codes, api design, endpoint design, api versioning, rate…

Use to evaluate visual consistency, hierarchy, and design-system adherence — typography, color, spacing, density, tokens.

Convert Markdown to styled PDFs with Mermaid diagrams, LaTeX/KaTeX math, tables, and code highlighting. Triggers on: "convert markdown to pdf", "make a pdf from this md", "export markdown as pdf",…

Design token management with the W3C Design Token spec, three-tier hierarchy (global/alias/component), OKLCH color, Style Dictionary transforms, and dark mode theming. Use when creating token files,…

OfficeCLI native PPTX deck design layer. Use when the user wants a polished, editable .pptx presentation for education, learning, office reporting, training, research briefs, proposals, courseware,…

Create technical and product diagrams — architecture, flowchart, sequence, state machine, ER / data model, timeline, swimlane, quadrant, nested, tree, org chart, layer stack, venn, pyramid — as…

Comprehensive design system guidelines for building consistent, accessible, and scalable component libraries. Use when creating design tokens, building component libraries, implementing design…

Teaches streaming server-side rendering for chunked HTML delivery. Use when you need faster Time to First Byte and First Contentful Paint by streaming HTML as it's generated on the server.

影视概念美术专家 & 视觉导演技能——从剧本/故事/世界观文字中提取并设计 AI 视频所需的标准化视觉资产提示词。当用户要求"从剧本提取角色/场景/道具/载具提示词"、"生成角色定妆照 prompt"、"生成场景空镜 prompt"、"生成道具/载具/机械资产设定图 prompt"、"为 AI…

Guide margin lending, margin requirements, and margin call operations for brokerage and advisory accounts. Use when calculating Reg T initial margin or buying power, determining maintenance margin or…