Design AI Skills

Use when the user wants to turn a Markdown report into a presentation-quality .pptx via interactive design decisions and a reusable hand-coded build script. Drives pre-analysis, global style choices,…

When the user wants to plan a content strategy, decide what content to create, or figure out what topics to cover. Also use when the user mentions "content strategy," "what should I write about,"…

Render agent findings as a styled HTML report in the browser. Use when asked for "full report", "detailed report", "show in browser", or when CLI output exceeds the 40-line budget.

通过 clawEC API 查询亚马逊类目头部品牌集中度。在用户需要品牌集中度、类目品牌格局分析时使用。

Validated learning expert specializing in lean experiments, MVPs, and Build-Measure-Learn cycles. Refuses to scope experiments larger than necessary — asks "what's the smallest experiment that…

Create presentation decks as high-fidelity PDF files using web technology (HTML, CSS, Tailwind, Font Awesome). Use when the user wants a polished, pixel-perfect deck with responsive layouts, rich…

Generate SAP BTP (Business Technology Platform) solution architecture diagrams as native draw.io (.drawio) files following the official SAP BTP Solution Diagram guidelines (Fiori Horizon design…

Find, fetch, and install the right icon or logo from the right source — brand marks, country flags, file-type icons (PDF, DOCX, ZIP), and UI glyphs — and keep them visually consistent with the app.…

Structures a Flutter design system as tokens→theme→modifiers→shapes with two-tier tokens (primitives named by measured value, semantic slots named by role) exposed through a ThemeExtension read via an…

Develop or refine design and engineering ideas through Apple's Intention film: connect a human outcome to focused scope, implementation choices, and evidence of craft. Use when this lens is requested…

Guides strengths-based organizational change using Cooperrider's Appreciative Inquiry 4D cycle: Discovery, Dream, Design, and Delivery. Surfaces peak experiences and positive patterns to amplify what…

Route to the appropriate Frappe skill based on task type. Use as the entry point when working on Frappe projects to determine which specialized skill to apply.

从头开始创建令人惊叹、动画丰富的 HTML 演示文稿，或通过转换 PowerPoint 文件生成。当用户想要构建演示文稿、将 PPT/PPTX 转换为网页版，或为演讲/路演创建幻灯片时使用。帮助非设计师通过视觉探索而非抽象选择来发现他们的审美。

Implements Syncfusion .NET MAUI Cards (SfCards) - dismissible card views and swipeable card stacks. Use when working with cards, card views, card layouts, swipeable cards, dismissible cards, or card…

Edit images with Flux 1 Kontext Pro (Black Forest Labs' precise local image-edit model) on RunComfy — bundled with the model's documented prompting patterns so the skill gets sharper output than naive…

Adapt a finished X Article into a native LinkedIn article while preserving its text and inline figures, recompose the cover at LinkedIn's article ratio, and prepare a numbered upload folder plus a…

Nginx configuration and optimization

Generate technical blueprint from Gherkin specs including API contracts, service design, database schema, and WebSocket events. Activate when user mentions "plan", "blueprint", "technical design",…

Evidence-based conversion patterns: CTA design, pricing page psychology, form and checkout friction, trust signals, social proof placement, urgency, and funnel analysis. Use when asking why people are…

Phase 1 of the Sales Page Pipeline — intelligence-gathering skill that interviews the user about their product, audience, competitors, and objectives. Searches for existing product docs in…

Load this skill whenever the project contains text, UI components, icons, form controls, data visualisations, or focus indicators — in short, almost every project. Under no circumstances hard-code…

Rewrites text to remove AI writing patterns and inject human voice. Use this skill whenever the user asks to "humanize", "de-AI", "make this sound human", "remove AI tells", "fix AI slop", "make it…

Build and revise user interfaces using Corbin Crutchley's accessibility and visual consistency preferences. Use for changes to interactive UI, responsive layouts, themes, or visual styling. Treat…

Designer-turned-developer who crafts stunning UI/UX even without design mockups. Grants filesystem read/write access for editing component files.

Audit the doctrine files themselves — VECTOR.md, CLAUDE.md, ARCHITECTURE.md — for completeness, internal consistency, cross-document contradictions, and drift from the actual codebase. Run this before…

用 AI 直接生成 N 张风格统一的图，再嵌入到**真正的 PowerPoint 文件**（.pptx），用户能在 PowerPoint / Keynote / WPS 打开、可编辑、可投屏、可二次加工。这是 2026 年"知识传播 + 真实交付"的最佳组合：AI 出图效率 + PPT 格式兼容性。

Use this skill whenever you need to verify that a web UI actually works the way it's supposed to — clicking through flows, asserting state, catching console errors, taking screenshots across multiple…

PARKED (2026-07-17 wiring audit) — designed but never wired; nothing routes here and its companion agents/entity-extractor.md is equally unreachable. Track 47 entity signals per entity (per seo-geo).…

The AI limits interview — run by /setup-brad-frost-skills, or directly any time. A short guided interview that establishes your personal limits for AI usage — quiet hours, a sessions-per-day ceiling,…

Produces the full operational infrastructure for an active capital raise: data room structure, investor tracking, capital call notices, LP onboarding workflow, waterfall explainer, and crisis…

Use when the user says 'figma to divi', 'build this figma design in divi', or hands over a Figma frame to rebuild in WordPress on a Divi site. Maps the Figma node tree to native Divi sections, rows,…

Build professional HTML slide presentations as single self-contained files with keyboard navigation, speaker notes, and progress tracking. Use when asked to 'build a presentation', 'create a slide…

Generate flexible, brand-aligned Mermaid diagrams for social posts, documentation, and general use. Outputs raw mermaid code blocks styled with classDef brand colors, plus an HTML wrapper with a…

Use when picking a model for `asset_generate` (image, video, speech, music, sound effects, transcription), writing its prompt or `params`, or reading its result; when a generation is rejected ("could…

Audit a frontend against WCAG and fix what fails: semantic HTML, keyboard navigation, focus management, screen-reader support (ARIA), color contrast, forms, and media alternatives. Use when the user…

Use when styling or reviewing text in any medium; choosing fonts, size, spacing, measure, headings, emphasis, punctuation, or numeric typography; auditing websites, documents, slides, email, resumes,…

Focused product-management skills spanning the full lifecycle: discovery (user interviews, problem validation, JTBD, research synthesis), strategy (competitor analysis, positioning, strategy docs),…

Edit images with Flux 1 Kontext Pro (Black Forest Labs' precise local image-edit model) on RunComfy — bundled with the model's documented prompting patterns so the skill gets sharper output than naive…

Classic skill for GPT and Codex, opt-in: it runs only when called by name. Layout variance, a strict AIDA page structure and GSAP scroll motion.

Build AI agents using the Claude Agent SDK with tool use, memory, and multi-step orchestration

Augmented and virtual reality interface design including spatial UI, 3D interaction, and immersive experience patterns.

UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue,…

Humanize prose by removing LLM tells. Use for landing copy, docs, READMEs, emails, UI microcopy, release notes, social posts, or requests like humanize, less robotic, remove AI tells, punch up, or…

Design, implement, render, and visually review polished Beamer slides. Use for a new deck, a single slide, slide-by-slide collaboration, layout repair, or a user-defined visual style; use the bundled…

Use this skill when designing the visual or aesthetic layer of a product, deciding between expressive style and functional restraint, evaluating decorative elements, or arguing about whether a feature…

Génère un carrousel LinkedIn pour {{COMPANY_NAME}} — PDF document multipage 1080×1350 portrait, qualité graphiste expert, brand-strict. Codifie l'échelle typographique, l'échelle d'espacement, le…

Experimental DryUI layout-only skill that extracts responsive colored-block page structure from design images with strict shell-only layout areas and fixed page container queries. Use when testing…

给 Google Stitch 用的语意化设计系统 skill。产出对 agent 友善的 DESIGN.md 文件，强制运行高端、反平庸的 UI 标准——严格的字体排版、校准过的色彩、不对称布局、恒常运作的微动态，以及硬件加速的性能。

Use when designing interface states, feedback, hover/focus/press, gestures, direct manipulation, navigation transitions, loading/error/empty behavior, or deciding where interaction should carry the…

Layout and spacing audit covering grid, spacing consistency, density, and responsive behavior. Use when the user asks to audit the layout, run a layout audit or grid audit, review spacing, or fix…

Output recipes and handoff - production HTML/CSS, Tailwind, React/Next.js with shadcn/ui, Vue/Svelte notes, SVG graphics, email HTML, rendering HTML/SVG to PNG/PDF (Playwright), image export settings,…