Design AI Skills

Generates cross-client responsive HTML email from MJML 5.x — Outlook 2013-365 safe, Gmail-optimized, WCAG 2.1 AA accessible. Triggers automatically when asked to create, compile, or troubleshoot HTML…

Guidelines and instructions for LLM API rate limit retry policies

Use this skill when designing to prevent errors of intention — wrong actions taken because the user's model of the situation was wrong. Trigger when designing for ambiguous information, novel…

Write a Brand-to-Revenue Story like a Growth Strategy Lead (Open Design) — use only when the user explicitly runs this skill

Shows current pipeline position and routes to next action. --forensic runs 6-check integrity audit. Activates for requests involving showing current project state, routing to the next action, or a…

Apply Material Design 3 (Material You) components, type scale, color tokens, motion principles to your Android app. Use when the user says 'apply material 3', 'material design android', 'm3…

A brand visual-identity system reveal for an outdoor label — logo, color, type, and the rules that keep it consistent. Built as a decision-grade design craft deck for brand team, client.

Synthetic terminal-style screen recording guidance for Remotion `TerminalScene`.

Add, configure, or review Ignite UI for Blazor Lite component support in Blazor applications. USE FOR: installing IgniteUI.Blazor.Lite or IgniteUI.Blazor.GridLite, registering AddIgniteUIBlazor() in…

Graceful, refined aesthetic with delicate typography, minimal palettes, and polished layouts that exude sophistication.

Optimizes for AI assistants and AI-generated answers — being retrievable, being cited, and being represented accurately when a model answers on your behalf. Use this when traffic is shifting from…

Transform photos, film stills, or new scene descriptions into the observed visual grammar of the 2026 animated film 《牛来》. Use when the user asks for 牛来风格、牛来正片风格、粗粝低模动物 3D、把真人画面改成牛来式动画，or requests…

Use when asked to design the interface for an interactive 3D explorer, plan a UI for exploring a 3D model of a topic, or write an image-model prompt for a 3D learning app mock-up. Produces, from a…

Help users create memorable, suggestive, and distinctive names and brand identities that facilitate growth and drive long-term defensibility.

Use when building, fixing, or improving ANY SwiftUI UI — views, navigation, layout, animations, gestures, debugging, iOS 26 features, iPhone Duo, view-level performance, feature architecture.

When the user wants to optimize logo placement, linking, or branding on a website. Also use when the user mentions "logo," "brand logo," "header logo," "logo placement," "AI logo design," "logo link,"…

Use when an agent drives Godot 4.7 on a Mac for any task: headless --script jobs, --import, --check-only, command-line exports, GUT tests, windowed screenshots, the headless editor (-e) or an MCP…

Generates a high-energy sizzle reel or hype video (MP4) from brand assets and key messages. Fast-paced montage format with dynamic cuts, bold text overlays, and optional music. 4-section structure:…

Creates Jira epics for large features following Prowler's standard format. Trigger: When user asks to create an epic, large feature, or multi-task initiative.

Create, update, refactor, or troubleshoot Storybook stories using project conventions. Excludes component implementation, token changes, E2E browser tests, and other documentation.

Use when designing, building or reviewing UI/UX for a web or mobile app: picking styles, color palettes, typography, layout, animation or charts, or checking accessibility and touch targets.…

Brand-consistent asset sets from DESIGN.md — hero, section illustrations, icon sets, OG image — generated through whichever channel the user actually has (grok build image_gen, Codex $imagegen,…

Create a fixed full-screen WebGL laser background effect with a thin white-hot vertical core, restrained brand-colored halo, and soft smoky fog around the beam. Use only for laser background effects,…

Build a Seedance 2.0 brand, product, website, app, shop, or personal-project promo from verified assets and claims. Use when the user needs a truthful 4–15 second reel with a clear hook, product…

Figma-to-code design handoff patterns including Figma Variables to design tokens pipeline, component spec extraction, Dev Mode inspection, Auto Layout to CSS Flexbox/Grid mapping, and visual…

Diagnoses why people are resisting — finding what's underneath the pushback. Resistance is information, not obstruction; it always has a source. TRIGGERS: 'why are they resisting', 'diagnose the…

Convert a request into PRD-quality scope, measurable acceptance criteria, and delivery constraints.

The cultural-fluency + meme-craft skill -- participate in internet culture and meme formats as a brand without being cringe, tone-deaf, or legally exposed. Use when someone wants to make a meme, join…

当系统提示词需要为 AI 输出定义格式规范、长度约束、风格指南或反"AI味"策略时调用此 Skill。适用于聊天机器人、CLI 工具、移动端助手、设计生成器等需要自适应输出的场景。不适用于：纯内容生成（无格式要求）、内部推理链设计、安全策略制定。当需求仅涉及"用什么格式返回数据"而非"如何控制输出的风格与密度"时，这不是最佳 Skill。

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

Knowledge base from NASA-STD-8719.14C (Process for Limiting Orbital Debris). Use for orbital-debris assessment planning, mission-related debris limits, explosion/passivation and collision risk,…

Design a Seedance 2.0 two-player co-op game menu or opening animation with stable character bindings, approved visual direction, readable UI copy, coordinated palette, explicit interaction events, and…

Convert an MP4 (e.g. a HyperFrames render or a screen recording) to a high-quality GIF using FFmpeg's two-pass palette method. Picks the right preset for the target surface —…

把"全班同一份作业"变成分层、可批改、时长可控的任务卡。 当老师说"帮我设计一份一次函数的作业"、"出一份分层练习"、"这份作业怎么批改、给什么反馈"、"出一份带评分细则的作业"、"本章学完了帮我设计复习作业"、"高二物理合格考班的分层作业怎么出"时，建议激活此 SKILL。 工作流：知识点拆解 → 难度梯度 → A/B/C 任务卡（每题标预计用时）→ 评分标准 → 反馈模板 → 完成情况回写。…

Generate comprehensive market research reports (50+ pages) in the style of top consulting firms (McKinsey, BCG, Gartner). Features professional LaTeX formatting, extensive visual generation with…

Generate or edit raster images when the task benefits from AI-created bitmap visuals such as photos, illustrations, textures, sprites, mockups, or transparent-background cutouts. Use when Codex should…

Implement Unreal's gameplay framework in C++ — GameInstance, AGameModeBase/AGameMode, AGameStateBase/AGameState, APlayerController, APawn/ACharacter, APlayerState, and AHUD — including the server-only…

Contemplative bande-dessinée landscape illustration in a locked house style — a tiny human (or 2–3 figures) dwarfed by a vast natural panorama, hand-drawn black ink contour + parallel hatching for…

Use this skill when the user asks to "vibe code this", "build this with AI", "help me use Cursor/v0/Bolt to build this", "vibe coding from my PRD", "how do I code this with AI", "turn this spec into…

用户提到视线方向、怎么切镜头、空间关系、主观镜头

Create new mod content and assets that match the game, using the end user's chosen local or paid tools.

Fullstack development skill using bkend.ai BaaS platform. Covers authentication, data storage, API integration for dynamic web apps. Project initialization with "init dynamic" or "dynamic init". Use…

Professional DOCX document creation, editing, and formatting using OpenXML SDK (.NET). Three pipelines: (A) create new documents from scratch, (B) fill/edit content in existing documents, (C) apply…

Kai Marketing OS router - shows all 49 marketing skills organized by workflow, business stage, and frequency. Use when "kai help", "what marketing skills are available", "how do I use the harness",…

Guides agents through Snowflake-native pipeline and governance workflows. Use when building or reviewing Snowflake pipelines with Streams, Tasks, Dynamic Tables, Snowpipe, Snowpark, masking policies,…

**IMPORTANT**: Any change to React or Next.js code must read through this skill first. React and Next.js guidelines from Vercel Engineering covering visual instability, layout shifts, CLS, flickering,…

Run a formal heuristic evaluation of a design artifact against Jakob Nielsen's 10 usability heuristics, producing an evidence-backed, severity-scored report with honesty guards. Accepts a screenshot,…

Use when implementing or reviewing Tailwind CSS styling, responsive layouts, state variants, theme tokens, layers, grids, or build configuration. Use a design-system skill for visual direction and…

Emil Kowalski's design engineering skills. Creator of Sonner, Vaul, and animations.dev. Covers the animation decision framework, custom easing curves, component interaction principles, and typography…

Guidelines and instructions for LLM API usage tracking database layouts

Use this skill when designing to prevent or recover from execution errors — actions that don't match the user's intent. Trigger when designing critical action confirmations, distinct affordances for…