Design AI Skills

把一段 15–60 秒的中文口播做成某种画风的动画视频（1920×1080、30 帧/秒的 mp4，带口播和字幕，能直接拖进剪映）。画面全部由 Claude 用 HTML/Canvas 代码画、无头 Chrome 逐帧截图合成，不用生图模型。自带 7…

"Dispatcher for WorkBuddy's Ardot design assistant. Use this when a design task is in Craft/design mode but the specific deliverable type is not yet determined from UI signals. It classifies intent…

为动画短片收敛故事、角色方向和镜头计划；用于策划、分镜与动态分镜阶段。

Research-driven strategist who produces content strategies, scripts, and copy. Use for competitor analysis, trend research, content planning, scripts, copywriting, or brief validation — or when the…

Use when the user asks to review a design, critique a UI or mockup, give design feedback, or check a screen for usability and accessibility issues. Do NOT use for visual brand or aesthetic preference…

Create, revise, or audit academic data/result figures for CS/AI/ML papers. Data/result plots default to Python-generated editable SVG with CS/AI/ML-specific design rules for benchmarks, ablations,…

Turn multiple visual website references into original frontend directions, then refine a chosen direction. Use for screenshot-led design exploration and translating a reference collection into a new…

Comprehensive design elevation system that automatically transforms functional visual outputs into polished, professional designs. Use when creating ANY visual output including presentations (pptx),…

WordPress Full Site Editing (FSE) theme architecture. Use when generating theme.json, block templates, template parts, patterns, and functions.php for WordPress block themes.

AI漫剧前期策划助手，提供完整的9阶段漫剧策划工作流。当用户说"帮我策划漫剧"、"我想做AI漫剧"、"启动漫剧策划"、"漫剧策划工作流"，或提到"AI漫剧"+"策划/剧本/大纲"时激活。支持从需求收集、市场分析、世界观构建、人物设计、故事结构、剧本创作，到分镜脚本（含出图Prompt）、AI视频提示词（含镜头运动）、剪辑配乐设计的全流程输出，并适配即梦、可灵、Vidu、Runway、Midjour…

通用创建提案技能。根据需求是否有设计稿或 UI 描述、是否有接口、是页面还是功能组件等可选条件，决定设计稿分析、接口与数据层、以及实现后的 UI 还原验收等步骤。适用于各类需求提案，不限于纯 UI 页面。

Build, fix, review, and validate adaptive or responsive Flutter UIs for mobile, tablet, desktop, web, large screens, foldables, and mixed input devices. Use when creating breakpoint-driven layouts,…

AI 开发 Web 前端时应遵循的规范指引。当 Agent 执行前端开发任务（写组件、页面、样式、状态管理、构建配置、调试前端代码）时，加载本技能获取与最新主流 LLM 训练数据互补的规范约束：覆盖技术栈版本基线、AI 常见缺陷模式防御、代码质量红线、样式与界面设计质量（去 AI 味）、验证闭环流程。加载后按第 4 章工作流约束每一次代码生成行为。

First-run setup + health check. Verifies Chrome DevTools MCP, installs optional deps (monolith, pptxgenjs, puppeteer), creates working dirs, runs smoke test. Use on fresh clone or when things feel…

Helps your project comply with accessibility standards and best practices.

Generate high-CTR YouTube thumbnails for a mascot-driven channel using parallel gpt-image-2 jobs via the Codex CLI. Use whenever the user asks for a thumbnail, cover, or thumbnail alternatives for a…

Building comprehensive brand identity systems from strategy to implementation. Covers logo design, color palettes, typography pairing, voice guidelines, and system documentation. Use when creating new…

Toolkit for creating and validating skills and subagents. Use when: creating a new skill (fast or full mode), validating an existing skill, deciding Skills vs Subagents, migrating docs to skills,…

Stage 3 of the spatial transcriptomics workflow — identify spatial domains and detect spatially variable genes. Use when the user asks to find spatial domains/niches, run Moran's I, or detect…

The look, layout and motion system for 16:9 YouTube explainer boards, in the "Clean minimal" starter theme (white paper, thin-bordered cards with one soft shadow, Inter / JetBrains Mono / Instrument…

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

Matt Berman's custom SEO content engine. Learns your brand through a smart interview, then creates content that ranks AND converts using Puppet Strings, Scroll Traps, and Care To Click psychology.…

Read and write designer annotations on Figma nodes — node-level design specs that pin properties (fills, width, fontSize, etc.) and carry plain or markdown notes. Use when the user wants to document…

단독 self-contained HTML 산출물(랜딩 페이지, 정적 문서·리포트, 독립 대시보드, 데모·게임, 개발 전 UX/UI 대안 비교 목업)을 만들 때 팔레트·타이포그래피·레이아웃을 의도적으로 설계하고 템플릿·AI스러운 디자인을 피하도록 돕는 디자인 가이드. HTML/CSS를 쓰기 전에 로드한다. "랜딩 만들어줘", "이 내용 단일 HTML로…

On-demand five-dimension project checkup (security, function, completeness, quality, docs) with P0/P1/P2. No cron.

The Klik production method — takes a user from prompt to COMPLETE animated video (motion graphics + typography) in Remotion. Runs a fixed discovery questioning sequence into a single source of truth,…

Strict guidelines for the Milimo Video React 18/TypeScript frontend, specifically regarding the 7-slice Zustand God Store architecture, the SSE listener loops, and the "Magnetic V1" CSS-based timeline…

Use when generating Weaverse project export JSON for import into the Weaverse editor. Triggers on requests to create, build, or produce a Weaverse project JSON file from a site migration, design spec,…

Use when user provides a 口播稿 (spoken script) and wants it converted into an HTML slide presentation with hand-drawn SVG illustrations for screen recording. Trigger on "做板书", "口播稿转板书", "/board",…

When the user wants to deploy AI sales development reps, automate sales qualification, build signal-to-action routing, or design AI agent architecture for sales. Also use when the user mentions 'AI…

Create custom Hyvä CMS component. This skill should be used when the user wants to create a new Hyvä CMS component, build a Hyvä component, or needs help with components.json and PHTML templates for…

WCAG AA accessibility checklist and verification protocols for Somali dialect classifier dashboard. Covers keyboard navigation, screen readers, color contrast, ARIA labels, and accessibility testing…

Prepare an account team for one specific competitive opportunity - the deal state, who they are actually up against, what the buyer said matters in their own words, the three questions that decide the…

End-to-end UI/UX: removes AI slop, redesigns screens around what they must achieve, and verifies on the real screen. Use on "clean the AI slop", "improve the UI", "improve the UX", "redesign this…

Generates professional AI images using Google Gemini. ALWAYS invoke this skill when building websites, landing pages, slide decks, presentations, or any task needing visual content. Invoke IMMEDIATELY…

Orchestrating design-to-implementation pipelines (code to visual to code closed loop), persisting a project design system across agents. Not for a single prototype (Forge) or direction only (Vision).

Use this skill when the user asks to create, edit, or manipulate images programmatically — including diagrams, charts, infographics, thumbnails, social media graphics, image processing (resize, crop,…

Phase 1 circuit topology and anchor-component discussion expert. ALWAYS invoke this skill when the user wants to discuss circuit structure, pick a topology, choose anchor parts, or extend a project…

Automated daily Amazon market digest. Given the user's own ASINs (1-10) and any competitor ASINs (up to 20), produces a daily change-detection briefing: price moves, BSR shifts, new entrants in the…

Generates Domain Entities following DDD principles with factory methods, private setters, domain events, and proper encapsulation. Supports aggregate roots, child entities, and value objects.

Generate mascot-inspired logo creative directions, image-generation prompts, and optionally direct logo images by extracting the most recognizable feature from an animal, character, object, celestial…

Odoo theme scaffolding and creation pipeline. Generates complete, installable Odoo theme modules with proper file structure, SCSS configuration, page templates, mirror models, theme.utils activation,…

提案页面生产。内容、页面结构和视觉方向都已经确认后，才把定稿变成 16:9 页面，出评审 PNG 并组装 PPTX。通常由 qifei-proposal-v2 在页面生产阶段调用；单独使用的前提是用户已经给出确认的页面大纲和视觉方向。不做策略和内容决策，也不批准页面；从零开始做提案用 qifei-proposal-v2。

Use this skill to turn ad concepts into HTML creative in cookie-cutter, ugly, meme, branded, or native styles, with optional Playwright screenshots. Trigger it when producing, varying, or iterating…

给一个概念或领域，同时画出它的概念版图（空间：现在这个领域长什么样）和演化脉络（时间：这个领域是怎么走到今天的），在一份综合报告里帮你快速建立对一个陌生领域的立体认知。底层走真实检索（scimaster-cli），绝不编造引用。…

Strategic guide for consuming design system metadata to compose components intelligently. Use when generating or modifying UI components and layouts to ensure component reuse, proper variant…

Specialist for building reusable SwiftUI views with Apple-native ergonomics. Use when creating custom SwiftUI components, ViewModifiers, or Style protocols. Prioritizes Call Site experience and…

Develop WordPress themes following official WordPress coding standards, theme review requirements, accessibility standards (WCAG 2.1 AA), and modern web development best practices. Use this skill…

Scientific figure polishing, multipanel assembly and Figure Studio visual editing for existing figures, editable SVGs, manuscripts, slides and posters. Use for SCI figures, 论文配图, 组图, 图片查重,…

Score your Claude Code environment on a fun 0-10 ladder (Tourist → Swarm) calibrated to the quickstart's 4 systems — Context, Skills, Integrations, Orchestration. Two front doors - an interactive quiz…

Generate or update infographic Structure components for this repo (TypeScript/TSX in src/designs/structures). Use when asked to design, implement, or modify structure layouts…