Design AI Skills

Scan an AEM Edge Delivery Services page for WCAG 2.1 AA accessibility violations and generate specific fixes. Identifies missing alt text, heading hierarchy issues, link text problems, color contrast…

The craft of turning a single quote, line, or stat into a designed typographic graphic — quote cards, pull-quotes, text-on-image, stat cards, typography posts. Use when someone wants a quote card, a…

帮独立教师跟进课上练习与学员带来的学校作业、考试错题：登记、追状态、归错因、导出下节课讲什么。 适用于老师说"登记今天课上的练习""[化名] 课上那份练习做完了吗""[化名] 带来了学校作业，帮我归一下错因""考试错题帮我归类""错题回流""下节课该讲什么""这道题他错第三次了""看下 [化名] 的作业画像"。 流程：老师口述课上练习或学校作业 → 追七档状态 → 按…

亚马逊Store建设 — 页面布局、品牌故事、可购物图片、引流、转化优化

Design a source-grounded data model, access boundaries, indexes and a migration proposal without executing database changes.

Author animated and interactive Unreal Engine 5.8 material graph effects. Use for scrolling UVs, periodic motion, vertex animation, reactive foliage or seaweed WPO, masked dissolve, emissive edges, or…

Plans a conference program: event selection, sponsorship ROI, speaking (CFP) submissions, booth strategy, and team preparation. Use when the user is choosing which events to attend or sponsor,…

Four listening modes (reduced, causal, semantic, referential) for understanding how audiences perceive and interpret sounds. Enables conscious mode-switching for effective sound design.

Skill for creating mockups with UI/UX trends. Designs HTML/CSS/JS prototypes before implementation. Use proactively when user wants to validate UI/UX before coding. Triggers: mockup, prototype,…

Introduction to the design system skills plugin. Use when first installing the plugin, exploring available skills, or planning a design system implementation.

Route a design task to the right humane skill, and after any humane skill finishes, name the next one from the declared handoff graph instead of guessing. Reads the `handoffs:` / `accepts:` /…

Figma design bridge for Claude Code: browse Figma files through the figma-developer-mcp server, download assets, extract design tokens, and generate code for Tailwind, React, Vue, Svelte, React…

Claude Code MCP Dynamic Discovery: zero-config external tool integration. Automatically scans system configuration directories for active Model Context Protocol (MCP) servers and configures them…

Documenting design decisions, maintaining design docs, and design knowledge management.

Create, restyle, or rebuild Chinese academic PowerPoint presentations from papers, theses, reports, figures, notes, templates, screenshots, or visual mockups. Use for presentation planning, Template…

Use this skill when designing for the edges and corners of the screen — where the cursor cannot overshoot, making them effectively infinite-sized targets along one axis. Trigger when designing global…

Expose Memoire Studio context, tools, and artifacts to other agents through MCP.

VFX Text Cursor (Open Design) — use only when the user explicitly runs this skill

A wedding-anniversary tribute photo essay — a decade in scenes, the turning points, and the quiet meaning of staying. Built as a decision-grade story deck for couple, family, friends.

Guide teams through MITRE's Problem Framing Canvas. Use when you need a clearer problem statement before jumping to solutions.

Build seek-safe keyframe animation for the active iPollo Video timeline.

Design, implement, tune, or test readable tactical action combat for web games. Use for attack timing, guard and dodge windows, hit contact, posture, lock-on, weapons, boss phases, combat feedback,…

React Three Fiber (R3F) and Poimandres ecosystem best practices. Use when writing, reviewing, or optimizing R3F code. Triggers on tasks involving @react-three/fiber, @react-three/drei, zustand,…

Universal LaTeX document skill: create, compile, and convert any document to professional PDF with PNG previews. Supports resumes, reports, cover letters, invoices, academic papers,…

Universal UI/UX design principles covering visual hierarchy, interaction laws, typography foundations, and WCAG accessibility requirements. Use when making design decisions not covered by a specific…

Help users design and execute a press strategy that moves beyond vanity metrics to achieve specific business goals like funding, user acquisition, or B2B credibility.

Stand up a three.js scene: import maps and the three/addons path, the Scene/PerspectiveCamera/WebGLRenderer trio, the setAnimationLoop render loop, responsive resize, and OrbitControls. Use when…

The entry point for building any Salesforce native mobile app on iOS or Android. TRIGGER when the user says: "build a Salesforce iOS app", "add Salesforce login to my Android app", "set up Mobile…

WAF fingerprinting and behavior mapping specialist. Use to identify the WAF, map its blocking rules, find bypass techniques, and document WAF behavior for other agents. Always run this before…

When the user wants to design, optimize, or audit carousel/slider layouts for content display. Also use when the user mentions "carousel," "slider," "carousel layout," "testimonial carousel," "gallery…

Use when a campaign has ENDED and the team needs a structured retrospective — a scorecard against target, what worked, what did not, and why with evidence, surprises, process review, lessons written…

Safely update an existing oh-my-design installation in place and verify it afterward. Use when the user asks to update, upgrade, refresh, reinstall, or check whether their OmD skills, agents, hooks,…

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

Use when planning revenue streams, diversifying income, or scaling creator business

Interactive launcher for design work. Use when the user invokes /design-studio or says "lance le studio", "design studio", "je veux designer un truc". Prints the studio banner, asks what to create,…

Design and document a digital transformation plan with structured process, quality checks, and system integration

Create and maintain an execution Plan after product and technical reviews approve a build, or for an explicitly scoped design or demo before product review. Do not use during ordinary requirement…

Define purposeful visual asset strategy.

Use when 用户需要为项目搜索/下载图标（icon）、真实图片（配图、背景图、banner），或要求审计项目素材需求。

Runs a multi-model orchestration workflow led by the session's Fable or Claude Opus model. Sends menial tool-calling work to Haiku subagents, judgment work to Opus subagents at an effort matched to…

Music-story parallel structure: melody=character, harmony=setting, dissonance=conflict, rhythm=tempo. Maps musical elements to narrative elements for integrated sound design.

Implements Syncfusion® .NET MAUI StepProgressBar (SfStepProgressBar) control. Use when implementing step progress visualization, multi-step process tracking, or sequential progress indication. This…

Use this skill whenever you are about to create ANY chart, graph, plot, dashboard, or data visualization, in ANY output medium (HTML/React artifact, inline SVG, matplotlib/plotly/d3/Recharts, PNG).…

Applies Disney's 12 animation principles to UI motion design. Use when improving animation quality, designing micro-interactions, creating easing curves, or making transitions feel natural and…

Write and review the words inside a product — button labels, error messages, empty states, confirmations, settings labels, placeholders, notifications — and the documentation prose around it,…

Guides creation of a W3C-compliant token system via an interview, generates a structured ZIP of JSON token files organized by collection tier (Primitives, Theme, Semantic, Component), and relies on a…

Build custom MCP servers: expose tools, resources, and prompts via stdio or HTTP/SSE transport — connect proprietary data to Claude Code

Use this skill when designing for touch — phones, tablets, kiosks, in-car displays, smart-TV remotes, anything where the input is a finger or thumb rather than a precise pointer. Trigger when sizing…

Set up and operate Mémoire's CLI, MCP server, agent kits, design preflight, UX audits, craft checks, tokens, and registry evidence. Use when a repository explicitly needs Mémoire tooling; use portable…

Hyperframes Video (Open Design) — use only when the user explicitly runs this skill

A retail sales-floor training on consultative selling — the flow, the role-plays, and the daily habit that lifts conversion. Built as a decision-grade professional training deck for store associates,…