Design AI Skills

Author/validate/export Google's DESIGN.md token spec files.

Generate several genuinely different, runnable HTML interaction prototypes for one product surface, combine them in an interactive Design Board, collect structured selection/remix feedback, and only…

Designing quizzes, personality assessments, and recommendation tools that segment users into actionable categories rather than generating clicks for clicks' sake. Question architecture, scoring…

When the user wants to design, optimize, or audit site navigation menus. Also use when the user mentions "navigation," "nav menu," "header menu," "site structure," "menu design," "navbar," "main…

Docs-first stub for Bevy app states and per-entity state data. Godot counterpart: godot-state-machine-advanced. Not a full port. Keywords: Bevy, States, NextState, OnEnter.

Create high-converting landing page copy and structure. Use when the user says "landing page", "sales page", "create a landing page", "landing page copy", "conversion page", "lead gen page", "signup…

Normalizes ChIP-seq data using exogenous spike-in (ChIP-Rx with Drosophila chromatin per Orlando 2014 / Egan 2016; E. coli carryover for CUT&RUN/CUT&Tag). Distinguishes RRPM from Rx-Input scaling,…

Production rigging in Blender with armatures, IK/FK, constraints, weight painting, mechanical rigs, facial rigs, and drivers. Use before animation on deforming assets via MCP.

Beginner-friendly workflow for Executable anonymous mappings, memfd, JIT pages, decrypted code, and runtime reconstruction. Extracts general methods and evidence practices without depending on any…

Evidence-first design review of a PR's UI. Walks the changed screens in a real browser, performs the user's tasks, and posts findings ranked by user impact, each with evidence, a pattern, a trade-off…

Design and document a expansion strategy with structured process, quality checks, and system integration

The annual moment-planning skill -- map the few seasonal/cultural/commercial moments that genuinely fit your brand, gate them for fit + authenticity, tier by weight, and plan far in advance. Use when…

Create, implement, or review imagemagick image manipulation work with format, accessibility, performance, and visual-verification controls. Use when the requested deliverable depends on imagemagick…

This skill should be used when the user asks about "image-to-video", "still to motion", "animate my image", "Higgsfield video", "Soul Cinema Preview", "Seedance 1.5 Pro", "AI video generation", "Sora…

Generate a website-clone closure report comparing baseline analysis, builder metadata, planned tasks, and implemented results. Use after a completed rebuild. Don't use for live audits, ongoing…

Cria posts otimizados para Instagram, LinkedIn, Twitter/X e TikTok com contexto do mercado brasileiro. Adapta tom, formato, comprimento e hashtags para cada plataforma, maximizando engajamento e…

Locate, read, and cite exact Unreal Engine APIs in the on-disk engine source instead of guessing. Use when you need a real function signature, class hierarchy, UPROPERTY/UFUNCTION specifier, module…

用户提到这是什么类型的故事、恐怖片怎么写、爱情片套路、故事类型

Form a content-specific visual thesis and maintain committed art direction from brief through implementation.

Generate high-density editorial HTML info cards in a modern magazine and Swiss-international style, then capture them as ratio-specific screenshots. Use when the user provides text or core information…

Generates perceptually uniform OKLCH color palettes from brand colors. Use when creating color systems, theme palettes, or converting hex values to 11-step scales. Outputs CSS custom properties,…

Create animation-rich HTML presentations from scratch or convert PPT/PPTX into polished web slides. Produces self-contained HTML files with smooth transitions, distinctive style presets, and a fixed…

Guidelines and instructions for Multi-agent state transition validations

Scaling design teams, reporting structures, hiring strategies, design culture, and operating models for design organizations.

Design and evaluate paid-ad experiments with hypotheses, randomization units, sample-size and duration assumptions, guardrails, platform experiment tools, analysis, and decision rules. Use for A/B…

Use when you need to pick high-quality Unsplash images for product/design assets (avatars, headshots, portraits, large website backgrounds, and abstract wallpapers) and output real Unsplash URLs plus…

Guidance for configuring dependency injection in .NET MAUI apps — service registration in MauiProgram.cs, lifetime selection (Singleton / Transient / Scoped), constructor injection, Shell navigation…

Define an illustration style guide — visual language, colour usage, and application rules. Use when commissioning or standardising illustration. For icons, use `icon-system` (design-systems).

Generate advertising images automatically from a product URL + brand profile. ✅ USE WHEN: - User provides a product URL (e-commerce link) - Want automated product scraping + image generation - Have a…

Builds and reviews SwiftUI views with modern MV architecture, state, composition, isolated previews, and migration guidance. Covers @Observable ownership, @State/@Bindable/@Environment wiring, view…

When the user wants to design, optimize, or audit a sidebar for blogs, docs, or content pages. Also use when the user mentions "sidebar," "blog sidebar," "content sidebar," "side panel," "sidebar…

Dung khi can lich dang bai cho ca thang — chot content pillar va ti le, xep bai theo ngay va khung gio, ma tran tai su dung noi dung, va gan muc tieu cho tung tru cot. Kich hoat khi user nhac 'lich…

Use when building or reviewing core Quarkus applications with CDI beans and scopes, SmallRye Config and profiles, lifecycle, interceptors and events, virtual threads, and test-friendly design. This…

Use Canva's design capabilities: create and edit designs, manage assets and brand resources, search the asset library, export designs, and add comments.

Extract the repository's design contract (tokens, component registry, screen archetypes, conventions) into .uxproof/ so every UX skill judges against THIS repo's design system, whatever it is —…

Direct, build and verify short videos that are written as code and rendered frame by frame (HTML/Canvas/SVG/Three.js, GSAP or Remotion → MP4 or a live page). Covers motion graphics, product launch…

This skill should be used when the user asks about "AI motion design", "Higgsfield effects", "AI VFX", "style transfer video", "Ghibli anime style", "watercolor animation", "draw to video", "sketch…

Generate a plain-language report from website-analyzer JSON and save it only after explicit approval. Use for non-technical summaries. Don't use for developer audits, raw SEO analysis, penetration…

数学教师的班级错因分析（初中与高中；高中覆盖必修与选择性必修）：把作业与试卷的错题变成"下节数学课讲什么"。 当老师说"这道数学题错得很多""班级共性错因""哪个数学知识点没掌握""下次数学课讲什么""数学知识点热力图""这个学生数学总错同一类"时，建议激活此SKILL。 核心工作流：错题收集 → 阈值触发（错误率>30%的题）+ 抽样 → 错因分类（教师端七类，写入时映射通用四维）→…

用户提到logline、一句话简介、故事概念、这个创意怎么样

PM Agent Team - Automated product discovery, strategy, and PRD generation. Runs PM analysis workflow to produce comprehensive PRD before PDCA Plan phase. Triggers: pm team, product discovery, PM…

Architects token systems with primitive, semantic, and component layers. Use when structuring tokens from scratch, adding multi-theme support, setting up token aliasing, or organizing token…

Skills for AI media generation through the muapi.ai platform: cinematic video direction, image generation with Nano Banana, Seedance 2.0 video, UGC and product video ads, logos, UI mockups, YouTube…

Guidelines and instructions for NumPy matrix multiplication operations

Motion performance pack for 60fps UI animation, reduced-motion fallbacks, render budget checks, and video export QA.

Marketing leadership for scaling companies. Brand positioning, growth model design, marketing budget allocation, and marketing org design. Use when designing brand strategy, selecting growth models…

平面设计师与内容创作者在制作科技、教育或品牌视觉物料时，一键生成融合纸质手工质感与数字科技光效的3D弹出书风格插画。自动构建多层立体层次与明亮温暖色调，让创意跃然纸上，轻松产出极具视觉冲击力的专业级插画。

Audit websites, apps, screenshots, mockups, and design code for harmful AI-design clichés, generic generated defaults, and established UI defects. Use when the user wants evidence-backed design…

.NET MAUI safe area and edge-to-edge layout guidance for .NET 10+. Covers the new SafeAreaEdges property, SafeAreaRegions enum, per-edge control, keyboard avoidance, Blazor Hybrid CSS safe areas,…

Apply the Law of Closure — the eye completes implied shapes from partial forms. Use when reducing visual weight by dropping borders or letting negative space suggest structure. For explicit…

Web accessibility patterns for WCAG 2.2 compliance including ARIA, keyboard navigation, screen readers, and testing