Design AI Skills

Generate end-to-end investment proposals covering risk profiling, model portfolio recommendation, fee illustration, projections, and compliance review. Use when the user asks about creating a proposal…

Use when designing or tuning exit logic for a Freqtrade strategy — ratcheting trailing stop, two-phase exit, ALO-aware exit, dynamic stoploss DSL, ROI ladder, take-profit ladder, exit engine. Defines…

Plan and orchestrate a product launch or social media campaign end to end — the multi-week arc, channel by channel. Use when someone wants to plan a launch, product drop, campaign, big announcement,…

Accessible, performant, responsive UI patterns. Component design, state management discipline, and Core Web Vitals compliance.

Build a HyperFrames video around a supplied music track, using measured rhythm and editable visual concepts. Use when music determines the timeline.

Write "choosing between" pages (docs/choosing/) that route an intent to the right component via narrowing questions; YAML trees on request. Triggers: which component should I use, choose between X and…

Accessibility built into generation, not bolted on after: WCAG 2.2 AA compliance checks (contrast, keyboard, focus, labels, semantics, target size, reduced motion, autocomplete, error handling), baked…

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,…

Comprehensive web quality audit covering performance, accessibility, SEO, and best practices. Use when asked to "audit my site", "review web quality", "run lighthouse audit", "check page quality", or…

A cross-cutting cognitive mode for sitting with design problems before rushing to solve them. Part of the Intent design strategy system. Activates expansive brainstorming: hyperassociativity,…

将护理问题转成可行的选题、研究设计、理论与变量映射、开题报告或研究方案；适用于观察性、干预、质性、混合方法、测量学、预测和质量改进研究。已有结果的论文写作不由本入口主导。

Settings for experts who are not developers — domain language, sane defaults, grouping by professional concept. Use when designing settings panels, solver configuration or constraint editors.

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples…

Clay first-run onboarding — banner, what Clay can do, and starter tasks served by the Clay API. Run this right after a sign-in that just happened — from `clay login` directly, or invoked by the setup…

Use when designing or reworking a Roblox game: core loop, tutorial/FTUE, levels, economy, retention phases, juice, grind, curation.

Resize a Canva design into multiple social media formats (Facebook post, Facebook story, Instagram post, Instagram story, LinkedIn post). Use this skill when users want to resize Canva designs…

方片新媒体（FANG PIAN / 方片，含方片母婴、方片时尚、方片家居等子品牌）官方品牌视觉规范与素材库。当需要为方片制作或修改任何视觉物料时使用——海报、小红书封面、PPT/幻灯片、公众号头图、数字人/短视频包装、头像、Banner、易拉宝、灯箱、水印、邀请函、培训课件等；也用于判断该用哪个 logo、配色、字体、IP…

Use when building CSS animations, JavaScript transitions, React/Vue motion, or any browser-based animation work.

Suede AI Campaign in a Box Skills. Use when asked to "plan a release campaign" for a song, era, show or catalog: select a lane and build announce, tease, launch and follow-up assets with rights gaps…

Use when a Non-Executive Director, governor, or trustee needs board-level help with AI, such as evaluating an AI proposal, challenging executive AI strategy, designing governance structures, assessing…

Turn a RAW talking-head video into a FINISHED, branded, motion-graphics ad for any brand or industry — a designed motion graphic on every spoken line, the brand's real colors/logo/screenshots,…

Perform comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates detailed report of issues with severity ratings and recommendations.

Build an HTML slide deck (1920×1080, keyboard nav, exportable) when user asks for a presentation, pitch deck, slides, or keynote. Uses deck_stage.js starter and Claude Design taste rules.

READ this skill when implementing or configuring animation-style shaders (Toon/Cel Shaders) — including outlines, rim lighting, toon shading, MatCap, emission, dissolve, hatching, or any stylized…

Generate deterministic SVGs from structured specs with validation and rendering. Use for icons, diagrams, charts, UI mockups, and technical drawings.

奇幻类型视觉设计预设。触发词：奇幻、魔法、森林、古堡、精灵、龙、巫师。用于明确需要此类型的画面设计、图像/视频提示词、视觉参数查询与诊断；保留摄影、光色、空间、动作、材质、连续性及 style_route/style_module 接口。

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

把需求转成可交互的 UI/UX 原型与开发规格，保留结构、交互、高保真候选、定稿和评审记录，并把选定方向沉淀成产品设计档案（DESIGN.md 与 tokens）。用户要设计产品界面、选择视觉方向、给已有产品加页面、评审或优化现有页面、整理设计规范或交付设计稿时调用。可独立使用；明确进入 OPC 时服从其输入、审批和编排。

梳理项目 UI/UX 设计规范并输出 design-spec.md，评审现有界面并给出按优先级排序的修复建议，或整理指定界面的设计规则。用户要求设计系统、设计规范或完整界面评审时使用；单个颜色、字号或按钮大小的简单问题直接回答。

Export Figma variables to design token files in DTCG, CSS custom properties, Tailwind v4/v3, SCSS, TypeScript, JSON, Style Dictionary, or Tokens Studio. Use when the user wants to pull design tokens…

Turn a vague game idea into a 1-page brief (genre, scope, core loop, mechanics) in .summer/GameSoul.md.

List missing unit-test companions for core/changed sources. Do not write tests into the business tree unless the user confirms.

Use when choosing, implementing, or reviewing state-holder patterns in a KMP project — ViewModel, shared presenter, MVI, or StateFlow-in-common — including effect handling, UiState modeling, and…

Gathers N independent, decorrelated perspectives across model families (external CLIs when present, subagents when not) and arbitrates inline. Use when a decision needs genuine debate — not same-model…

Visual Director Agent for [Creator]'s YouTube production pipeline. Acts as [Creator]'s Frontier Aesthetic Architect - takes a completed Script markdown file and generates a full Visual Production…

When the user wants to build a partner program, launch an affiliate program, design integration partnerships, or create distribution partnerships. Also use when the user mentions 'partnerships,'…

List all Hyvä theme paths in a Magento 2 project. This skill should be used when the user wants to find Hyvä themes, list available themes, discover theme paths, or when other skills need to locate…

创建独特、高品质的前端界面，避免千篇一律的 AI 风格。 触发场景: (1) 用户需要创建网页、HTML 页面 (2) 用户需要设计 UI 界面、组件 (3) 用户询问"帮我做个网页"、"设计界面"、"前端开发" (4) 其他 skill 生成 HTML 输出时自动应用 设计原则: 避免 AI 味、追求独特性、注重细节、强调品味

Generates image generation prompts for Xiaohongshu covers based on user content. It polishes the content to fit Xiaohongshu style + applies a visual style template to produce a JSON output for image…

生成专业 PPT 演示文稿，支持 22 种风格，自动根据内容选择最佳风格，输出到 ~/ppt-output/

Comprehensive Odoo ERP upgrade assistant for migrating modules between Odoo versions (14-19). Handles XML views, Python API changes, JavaScript/OWL components, theme SCSS variables, manifest updates,…

Pattern-recognition design review: judge whether an interface works before any analysis. Use for UI and design reviews, visual hierarchy checks, and 'does this look right' calls.

This skill should be used when the user asks to "make an isometric animation", "build a 2.5D isometric scene", "create an isometric infographic", "animate an exploded diagram", "do an isometric…

Research a topic and build a beautiful, magazine-style PDF explainer written for a specific kid — designed cover, sections, cards, comparison tables, callouts, real photos, and a closing prompt. Use…

清理冗余 CSS 并在现有 Tailwind 项目中重构样式。支持明确输入与结果回读。Use to refactor CSS and Tailwind styles.

Plan, create, revise, and review presentation decks with a clear narrative, accurate content, coherent visual system, editable source, and rendered-slide verification. Use for PowerPoint, Keynote,…

Create new presentation decks as native editable PPTX files with consulting-quality design. Use when the user wants to build a new slide deck, presentation, or pitch deck from a brief or topic. For…

Build polished Chrome extension UIs (popup/sidepanel/options). Analyze existing UI, suggest improvements, set up design systems, enforce a11y and UX best practices.

Write one short, human DM or message to a specific person for a specific goal (start a conversation, share your offer, or follow up) — in your voice, so it opens a dialogue instead of pitch-slapping…

Applies Sun Tzu's strategic principles to competitive business situations, covering self-knowledge and competitor intelligence, winning without direct confrontation, speed and timing, terrain…

UI 动效与产品演示 —— 宣传片线方向之一：UI 动效、应用界面动画、SaaS 首屏动画与产品界面演示。