Design & UX

Drafts a Rule 23 class notice communication plan for U.S. federal class actions, covering notice content, delivery methods, timelines, budgets, and reporting to satisfy the "best notice practicable" standard. Use after class certification or when seeking settlement approval. Trigger when user mentions class notice, notice plan, communication plan, Rule 23(c)(2)(B), claims administrator, or CAFA notice.

Drafts FRCP 23(e)-compliant fairness hearing notices for class action settlements. Covers settlement terms, opt-out rights, objection procedures, and hearing logistics. Use when notifying class members of a proposed settlement pending court approval.

Drafts filing-ready U.S. amicus curiae briefs with rule-anchored compliance, additive thesis selection, record-safe fact handling, and verified authority control. Trigger when asked to draft an amicus or friend-of-the-court brief, prepare FRAP 29/32 or Supreme Court Rule 37 amicus filings, draft consent/leave or disclosure language, or handle amicus procedural requirements at any stage.

React UI component systems with TailwindCSS + Radix + shadcn/ui. Stack: TailwindCSS (styling), Radix UI (primitives), shadcn/ui (components), React/Next.js. Capabilities: design system architecture, accessible components, responsive layouts, theming, dark mode, component composition. Actions: review, design, build, improve, refactor UI components. Keywords: TailwindCSS, Radix UI, shadcn/ui, design system, component library, accessibility, ARIA, responsive, dark mode, theming, CSS variables, c...

Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover states, shadows, borders, typography, micro-interactions, enter/exit animations, or any visual detail work. Triggers on UI polish, design details, "make it feel better", "feels off", stagger animations, border radius, optical alignment, font smoothing, tabular numbers, image outlines, box shadows.

从零或半支持状态适配 **openpilot** 新车：指纹、DBC、CarState/CarController 草稿、PC 验证、合入主线。 > **完整方法论**：`ai/docs/VEHICLE_ADAPTATION_GUIDE.md`（必读）。**SecOC 车**先走技能 **`secoc-toyota`**，再谈 DBC。

Create wireframes and user flows. Use when sketching page layouts in ASCII/SVG, mapping flows, or exporting to HTML.

提供平面设计、UI交互、PPT美化及品牌调性升级指引。

Generate user personas, pain points, journey maps, and UX recommendations

UI/UX design intelligence and implementation guidance for building polished

Modern UI/UX design principles, patterns, and best practices for web

Comprehensive UI design skill covering fundamentals, patterns, and anti-patterns. Layout, typography, color, spacing, accessibility, motion, and component design. Use when building any web interface, reviewing design quality, or creating distinctive UIs.

AI skill for automated UI audits. Evaluate interfaces against proven

This skill transforms training and onboarding meeting transcripts into

Professional AI video script and storyboard generator for Seedance 2.0 platform. Use when user asks to: (1) Convert articles/stories into video scripts, (2) Generate Seedance 2.0 storyboard prompts, (3) Plan multi-episode AI video series, (4) Create character/scene/prop generation prompts for image models like Nana Banana Pro. Input can be full novels, articles, or brief story outlines. Output includes four-act script structure, episode breakdown, asset generation prompts, and Seedance 2.0 fo...

此技能用于：用户上传 UI 截图并希望生成精准、可直接复制的 AI 提示词（用于 v0、Lovable、Cursor、CodeBuddy、图像生成器等）以复刻该界面。它先识别截图属于前端元素（组件 / 页面 / 区块）还是非前端元素（流程图、图表、照片、文档），再确认使用设计令牌还是从图片提取配色，最后输出包含显式风格词的完整 UI/UX 交互设计提示词。触发场景：把这张图写成提示词、根据截图生成组件提示词、describe this UI as a prompt、screenshot to prompt。

从产品需求到可交互原型的完整工作流。当用户表达产品想法（如'我想做一个...'、'帮我设计...'）时触发。支持：1) 零提问直出PRD 2) 平台选择确认 3) 生成Awwwards级别的高保真HTML/Tailwind原型（移动端/PC端）。端到端产品设计流程。

Create, inspect, and edit Microsoft PowerPoint presentations and PPTX

当用户提到海报、视觉设计、品牌视觉、排版系统、极简风格、设计哲学、美学方案，或说"帮我做张海报"时，必须触发此技能。该技能先构建一套设计哲学（Algorithmic Philosophy），再基于该哲学用 show_widget 生成可渲染的 SVG 海报 artifact。即使用户没有明确提到"哲学"或"系统"，只要涉及视觉设计或海报生成，都应触发。适用于品牌视觉、作品集封面、极简主义海报、AI 生成艺术、任何需要系统性美学表达的场景。

WCAG 无障碍合规实现

Motion UI animation expert team. Use when designing, implementing, reviewing, or debugging UI motion, transitions, micro-interactions, Framer/Motion, GSAP, Lottie, scroll animation, animation performance, reduced-motion behavior, or motion system guidelines. Coordinates motion direction, UI animation implementation, scroll patterns, GSAP expertise, and performance guardrails.

Engineer professional-grade brand logos using geometric primitives and negative space — generates minimalist, scalable vector-style marks via muapi.ai

HarmonyOS/OpenHarmony 三线质量评审工作流。Use when a user asks to statically review a Harmony project, test functionality and business flows, audit UI and accessibility, inspect interaction and motion, run a regression review, or produce a P0/P1/P2 quality report.

Generate UI Code-style HarmonyOS ArkUI page and component generator. Use when creating or modifying HarmonyOS UI from requirements, screenshots, sketches, descriptions, product flows, or design specs; when adding ArkTS .ets pages/components, resources, routing, tabs, lists, forms, cards, preview pages, or page-generation workflows; or when the user mentions Generate UI Code, page_generate, harmonyPage, Harmony Page, 生成页面, 生成UI代码, ArkUI page generation, or CodeGenie page generation.