Design AI Skills

Start robotics apps or demos from compatible examples for interactive simulation, pretrained visual control, mapping/navigation, robot assistants, or manipulation. Choose a stack if none fits; not…

需求分析与确认（阶段一）。用于理解用户需求、澄清细节、明确功能边界，生成需求分析文档。

Script-first visual design for original hard-science-fiction worlds, scenes, film stills, visual bibles, nonhuman life and ecology, mecha and combat-mecha families, future equipment, cockpits and…

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

创建、更新和评审研发技术文档，统一处理上下文收集、工程决策、协作成文、架构与流程图、读者验证。写技术方案、设计文档、RFC、ADR、重构或迁移方案时使用；纯润色、教程、调研和非技术文档不用。

Generate, critique, and iterate image-generation prompts for high-fidelity academic paper poster reference mockups before implementing HTML/PDF/PPTX. Use when Codex is asked to create a poster concept…

把長文件、報告、規格、設計決策、架構說明、教學、儀表板、待拍板選項預設做成 HTML 而非 Markdown 給人看。使用者說「整理成文件／做份報告／視覺化／給我看的版本／給老闆看／教我這個／列選項讓我選」、內容超過 50 行、或適合用表格／流程圖／對比圖呈現時主動使用。精神：人類看 HTML、AI 看 Markdown。

Analyze a Figma COMPONENT_SET as a state machine for code generation — extract variant axes (state/size/etc.), map state variants to CSS pseudo-classes (hover→:hover, focus→:focus-visible,…

Use @aleabitoreddit ("Serenity")'s full mention archive (built by the follow-aleabito skill) to anticipate where her attention is moving and generate candidate ideas in her style. Two modes — (1)…

Use this skill when the user requests to generate, create, or write professional research reports including but not limited to market analysis, consumer insights, brand analysis, financial analysis,…

Create Excalidraw diagram JSON files that make visual arguments. Use when the user wants to visualize workflows, architectures, agent systems, client deliverables, or any concept as a diagram.…

UX design expert for auditing and redesigning pages, dashboards, and data-heavy interfaces. Use /ux-expert when you want a professional UX review of an existing page, a redesign proposal with…

Anthropic's official brand color palette, design tokens, and typography standards for consistent brand application.

The camera-movement craft layer for Remotion motion graphics — the companion to klik-anim (which governs everything moving WITHIN the shot; this skill governs the shot itself). Read and obey this…

Use when implementing or reviewing KMP data layers, including repositories, data sources, source-of-truth design, API exposure, conflict resolution, error handling, and main-safe data operations.

Turn an approved design into a plan of independently testable, bite-sized tasks. Use after a design is agreed and before touching code on any multi-step work. Also use when a task has sprawled beyond…

Use when recreating a Figma design as Hydrogen + Weaverse pages in this repo — turning a Figma file, frame, or flow into reusable Weaverse sections. Triggers on a figma.com URL, "build this design",…

Turn a game-design emotional canvas into a curated visual moodboard by deriving image-search queries, gathering a candidate pool from the internet, saving the files locally, rejecting weak references,…

Full-featured Obsidian expert covering every official feature, plugin, and syntax. Use this skill for ANYTHING Obsidian-related: vault design, note templates, canvas files, bases, Dataview queries,…

Runs a Roblox game build pipeline as a timed, logged run (market research, design, code, 3D/materials/UI/animation/VFX/SFX, assembly, playtest, publish), fans the asset block out to subagents while…

Expert in paid advertising across Meta (Facebook/Instagram), Google Ads, TikTok, LinkedIn, and YouTube. Specializes in ad ideation, creative concepting, copywriting, audience targeting, campaign…

Create a Hyvä child theme in a Magento 2 project. This skill should be used when the user wants to create a new Hyvä child theme, set up a custom theme based on Hyvä, or initialize a new frontend…

Use when designing motion concepts, animation systems, choreography, timing, easing, reduced-motion behavior, or deciding which motion stack to use for web UI, video, GIF, Rive, Lottie, GSAP, Motion,…

This skill should be used when the user asks to "design mobile UI", "review app design", "check UI guidelines", "improve app UX", "design React Native interface", "create app screens", "follow design…

OpenClaw AI agent skill for automated TikTok and Instagram carousel growth. Analyzes any website URL to extract brand, competitors, value proposition, then generates viral slides with auto-publishing…

Use when the user is designing activation, onboarding, or the free tier of a product. Triggers on phrases like "aha moment", "activation", "onboarding", "first-run experience", "what should be free",…

Generate (or transform a supplied object photo into) a Starlit Relic image: one isolated object, figurine, model, or figure suspended in a smooth near-black-to-cobalt night gradient with no ground or…

Implementing production frontend code for React/Vue/Svelte: hooks design, state management, Server Components, form handling, data fetching. Converts Forge prototypes to production quality.

Report deck generator / data-report presentation builder — turns a data report into a 16:9 web-based slide deck (1600×900 design canvas, auto-scaled to the browser), playable fullscreen with one-click…

Make a faceless 9:16 explainer reel in the cut-paper 'Claude mascot' style (flat textured paper shapes, a terracotta box mascot with a hat per scene, a screwed header sign, a typing terminal bar,…

Create or advance an active change inside an OSpec project, from requirement intake through verification and finalize.

Expert guidance on map design principles, color theory, visual hierarchy, typography, and cartographic best practices for creating effective and beautiful maps with Mapbox. Use when designing map…

Canvas contribution workflow for contributing features/fixes back to drupal.org. Use when developing features for Canvas module that will be contributed upstream. Covers two-repository workflow, issue…

将任意学科知识点转化为竖版教育信息图(9:16)。用户只需要输入一个知识点名称(如"声现象"、"勾股定理"、"光合作用"),Skill 自动完成:识别学科/年级/章节、拆解3-5个核心子概念、分配主题色系、为每个子概念生成具体插图描述、构建完整提示词并调用 linyuebanzi-image-gen 生图。内置双层学科准确性检查:生图前按分学科清单自检提示词,生图后读回 PNG…

Add memorable color systems, adaptive layouts, scenario boards, and colorway prompts to existing logos, generated brand-system boards, mascot logos, base logos, app icons, wordmark lockups, seals, and…

v1.5 of the Vox-style animated ad skill on the MaxFusion AI MCP: after prompt approval, Claude generates the whole video (Google Omni, 10s clips, optionally last-frame chained) with direct MCP tools —…

Convert Markdown into polished, print-ready PDF documents with deliberate typography, automatic or user-selected style templates, reliable local and remote image handling, robust CJK support, page…

Odoo frontend JavaScript patterns for website themes. Covers publicWidget framework (complete pattern with editableMode handling), Owl v1/v2 component patterns, _t() translation best practices,…

Use when a fixed 16:9 HTML slide, presentation page, or PNG-rendering template needs browser-based copy editing, text-box adjustment, image replacement, drag/resize calibration, local persistence,…

Generates a 3:2 aspect ratio character reference sheet with three columns: detailed portrait, full-body front view, and full-body back view, mirroring the exact style and material details of the…

Generate Excalidraw diagrams with a hand-drawn aesthetic using Drawbridge. Use when user asks for: flowcharts, dependency diagrams, project visualization, task maps, or "make a diagram of this".…

给一个概念，从真实检索到的论文摘要里挖出它的邻近概念，画出以该概念为中心的知识地图——每个节点都锚定真实文献，不从记忆里补节点。同时输出 Mermaid 概念图（可在 Claude Code / GitHub / Obsidian 渲染）和可截图的独立 HTML 地图，再给 3–6 篇入门推荐。…

Generate AI-ready metadata for design system components to enable intelligent UI generation. Analyzes component structure and generates structured metadata that helps AI understand when and how to use…

공냥이 시각 콘텐츠 스킬 — 컨설팅 차트, 인스타 카드뉴스, 애니메이션 영상을 HTML/CSS 코드로 생성. 5가지 카드뉴스 디자인 테마 선택 가능.

Arco Design React UI component library reference (@arco-design/web-react). Use this skill whenever the user asks to build a page, create a UI, write frontend code, develop a web application, design a…

Plan features interactively. Asks clarifying questions, then generates a detailed PRD document.

Color theory principles for art education. Covers the three color properties (hue, saturation, value), color mixing systems (subtractive and additive), color relationships (complementary, analogous,…

Raw-data scientific figure workbench and editable template engine for CSV/TSV/XLSX tables. Use for 原始数据, Excel/CSV, design checks, group comparisons, relationships, time-course, compositions,…

将图片、文字、首尾帧或分镜素材编排成可直接用于视频模型的动作戏提示词。适用于打斗、武打、追逐、对抗、演武、人兽战和风格化动作场景，支持 Seedance、MiniMax-H3 及通用文生视频模型。

Use when Codex must rebuild or restyle an existing website/frontend from a total visual reference such as an image2 output, screenshot, mockup, Figma export, or local reference image set. This skill…

从零开始开发 MusicFree 桌面版主题包的完整指南。 当用户要求编写、创建、设计 MusicFree 桌面版主题包，或要求根据参考图/色彩/风格关键词生成主题时触发。 涵盖：CSS 变量体系、色彩设计范式、静态主题、动态 iframe 主题、资源优化、打包测试、提交到主题市场等完整流程。 本 Skill 面向 AI 执行，指导 AI 与社区贡献者（可能无前端经验）协作完成主题包开发。