Design AI Skills

World-Class Adaptability & Learning Playbook. Use for: market trend awareness, horizon scanning, PESTLE analysis, organisational agility, Kaizen, PDCA cycles, 5S, lean operations, experimentation…

Design an MCP server for a product — the tool surface, auth model, and safety boundaries that make it genuinely usable by AI agents. Use when asked to spec an MCP server, expose a product to agents,…

Places an object into a designated container (like a colored box) based on a test outcome. It should be triggered when the agent needs to finalize a task by storing an object according to a rule…

Design-quality layer for frontend code — typography, color, motion, spatial composition, and avoiding generic "AI slop" aesthetics. Use this as a companion when you are already writing or styling…

Profile, diagnose, and remediate SwiftUI runtime performance using code review, Instruments, and repeatable measurements. Use when a SwiftUI screen renders slowly, scrolling or animations hitch, view…

GDPR, CCPA, HIPAA, data mapping, consent management, DSR handling, and privacy program management

shadcn/ui expert guidance — CLI, component installation, composition patterns, custom registries, theming, Tailwind CSS integration, and high-quality interface design. Use when initializing shadcn,…

Turn a vague product, UI/UX, or AI feature idea into a decided direction. Use when shaping a feature, simplifying an overcomplicated flow, deciding whether and how to use AI, defining screen states,…

Design and document a implementation roadmap with structured process, quality checks, and system integration

The proof content type — turn real customer reviews, testimonials, UGC, case studies, and results into believable, objection-matched social content that converts. Use when someone wants to share…

Generate phased tasks.md from an approved website PRD, with landing page first, measurable tasks, and collect/create asset tracking. Use for implementation planning. Don't use for coding, design…

Signpost (not a knowledge pack) for the systems-engineering standards landscape — ISO/IEC/IEEE 15288, 24748, 29148, 42010, 15026, 24765; INCOSE SE Handbook & Vision 2035; OMG SysML; SAE/EIA…

Scene structure: node hierarchy, when to extract sub-scenes, reusable prefabs, instance vs add node.

Build positioning and messaging from category, ICP, alternatives, differentiated value, proof, and buyer language. Produces a positioning statement, message hierarchy, persona messaging matrix,…

用户提到第二幕怎么写、中点、midpoint、故事到中间就散了

Give people live design-token controls on a delivered prototype: faders/knobs that retheme instantly, export cleanly, and remove without residue.

Help users design effective product onboarding. Use when someone is creating first-user experiences, trying to improve activation rates, designing the first 30 seconds of product usage, or working on…

Generates animation duration, easing curves, and delay tokens with prefers-reduced-motion support. Use when creating transition timing, animation speed, or motion systems. Outputs CSS, Tailwind, or…

Searches Google Fonts enriched with personality and mood tags, suggests proven pairings, generates CSS custom properties, Tailwind config, and embed links, and offers modular type scales. Works as a…

Guidelines and instructions for NumPy type conversions mapping

Reviewing design portfolios, portfolio structure advice, and evaluating design candidates.

Product animation, UI motion, portfolio videos — Apple-grade reveals, motion tokens, full production pipelines

Timeboxed feasibility experiment that creates .design/spikes/<slug>/ with HYPOTHESIS.md, success/failure criteria, scratch/ subdirectory, and a default 60-minute timebox. Use when answering 'can this…

Create, extract, and apply portable visual design systems via visual-style.md files. Use when: (1) Creating a visual-style.md design system from scratch, (2) Extracting a visual style from a website…

Generate or edit images with AI models through the OpenRouter Image API (Gemini, Seedream, Recraft, GPT-Image, Riverflow). Use for photos, illustrations, artwork, concept art, visual assets, logos,…

Use when you need design-first, spec-driven, skimmable prompts for UI generation. Covers prompt structure, constraints, variations, typography/spacing rules, and iteration workflow for consistent UI…

Generates a designed portfolio-resume image from resume content provided in conversation text. Extracts optional style instructions, converts the resume into a fixed portfolio-resume layout prompt,…

Apply the Law of Common Region — a shared container, background, or border groups elements regardless of spacing. Use when grouping must survive a tight layout. For grouping by spacing alone, use…

Technical SEO audit across 9 categories: crawlability, indexability, security, URL structure, mobile, Core Web Vitals, structured data, JavaScript rendering, and IndexNow protocol. Use when user says…

When the user wants to add, optimize, or audit social share buttons (share article to X, LinkedIn, Facebook, etc.). Also use when the user mentions "share buttons," "social share," "share to X,"…

Use when building or fixing game UI in Unity 6.3: main menu, settings screen (resolution, quality, volume, key rebinding), HUD, health bar, minimap frame; choosing uGUI or UI Toolkit or mixing both;…

Enforce Material Design 3 theming and design token usage in Jetpack Compose. Use when implementing M3 components, color schemes, typography, or design tokens.

Construct a network-meta-analysis evidence graph and evaluate connectivity/transitivity prerequisites.

Use when you need to design, review, or improve validation in Quarkus applications — including Bean Validation on JAX-RS resources, @Valid on parameters and CDI beans, constraint groups,…

Use to design provider sequences, throttling logic, and credit policies for enrichment waterfalls.

链龙 GEO 可见度检测。查询品牌在 AI 搜索里的真实可见度、生成关键词矩阵、输出综合诊断与行动建议。当用户问「我们品牌在 AI 里能不能搜到」「AI 会不会推荐我们」「帮我做 GEO 诊断」「生成关键词矩阵」时使用。

UI/UX デザインガイド。50スタイル・97パレット・57フォント組み合わせ・9スタック対応。 「UI設計して」「デザインシステムを作って」「画面レビュー」等のリクエストで発動。

Design color palettes that are accessible to all users including those with color blindness. Ensure sufficient contrast, meaningful use of color, and inclusive design.

Social selling and DM funnels — consent-first selling in the DMs, never spam. Use when someone wants to "sell in the DMs," "set up a comment-to-DM funnel," "do DM outreach," "turn comments/followers…

Create, implement, or review json canvas work with format, accessibility, performance, and visual-verification controls. Use when the requested deliverable depends on json canvas.

Generate an approval-gated improvement PRD from a report and baseline, with evidence-backed what/why/value changes and measurable targets. Use for rebuild proposals. Don't use for task breakdown,…

uni-app 基础组件与容器库，兼组件索引层。提供根容器（base-card/base-popup/base-form-item/base-avatar/base-navbar/base-tabbar）与内置业务组件（表单/反馈/列表/导航/业务），是 uni-app…

Headless CMS integration: Sanity, Payload CMS, Strapi, Contentful / Integrasi Headless CMS: Sanity, Payload CMS, Strapi, Contentful.

Skills para identidade visual, criação de materiais de vendas, decks executivos e assets B2B com briefing para designers. Use quando precisar criar, revisar ou orientar projetos de design, branding,…

数学教师的备课工具（初中与高中；高中覆盖必修与选择性必修）：把一节数学课的概念建构路径、例题示范与变式训练排成可上的教案。 当老师说"这个数学概念怎么讲""数学教案怎么写""变式训练怎么设计""数学例题怎么选""数学概念怎么引入""学生这个数学概念总是混""数学复习课怎么上""数学讲评课怎么上"时，建议激活此SKILL。…

Build a continuous flamethrower visual effect in Unreal Engine 5.8 Niagara. Use when making a weapon flame jet, fuel plume, fire breath, or similar nozzle-attached effect with smoke, embers, heat…

用户提到观众不喜欢主角、怎么让主角讨人喜欢、第一次出场、Save the Cat

Document the system so it is discoverable, usable and adopted.

Help users build software using AI coding tools. Use when someone is using AI to generate code, building prototypes without deep technical skills, or exploring how non-engineers can create functional…

Generates border-radius tokens from sharp to pill shapes. Use when creating corner rounding systems, button radius, card corners, or input styling. Outputs CSS, Tailwind, or JSON.

Official Google Stitch skills for the design-to-code pipeline: generate and edit Stitch screens, DESIGN.md and SITE.md management, prompt enhancement, React / React Native / shadcn/ui component…