AI Agent Skills

Design software systems around capabilities, clear boundaries, and layered responsibilities to reduce coupling and improve long-term maintainability, security, and obser…

前端工程师 Skill，执行前端开发任务，自动适配项目技术栈（React/Vue/Svelte/Next.js 等），支持 Figma/Stitch 设计稿还原

Load when a frontend task needs Apple-platform design guidance or physical, gesture-driven, velocity-aware, interruptible interaction; skip generic visual styling and us…

Load when a user wants a source-backed interactive HTML course that explains how a codebase works; do not load for chat tutoring, repository review, articles, slide deck…

Load when a task needs anti-template frontend visual direction, design-read calibration, or pre-flight critique for landing pages, portfolios, marketing pages, or redesi…

Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. A…

二级市场投研 PPT 生成 skill。把已有的研究输出（sm-company-deepdive / sm-thesis / sm-red-team / sm-earnings-preview 等）转成**机构级投研路演 PPT**，带完整 UI 设计系统、10 段标准结构、证据可追溯标注。适合 IC 会议、路演、PM 汇报、客户展示。…

Convert natural-language UI requests into A2UI v0.9 JSON protocol messages that an A2UI renderer can consume.

Generate valid OpenUI Lang v0.5 functional-notation programs for the Lynx OpenUI renderer. Use when Codex must turn a natural-language UI request into raw OpenUI DSL for…

从网页、截图或任意视觉设计中逆向解析出完整、可复用的设计风格定义，按「Token → 映射 → 组件 → 约束」四层逻辑输出结构化的设计风格 Markdown 文档。当用户需要提取某个网站/设计稿的视觉风格、复刻某站点的 UI 风格（如"做成 OpenAI 主页那样"）、建立设计系统、或把一份设计逆向成可复用规范时使用。

For marketers and creators producing promotional content for brands, products, websites, apps, shops, or personal projects. Users provide logos, product images, interfac…

For users creating a two-player co-op game menu or opening animation. Users provide two player names, a game title, a target visual style, and optional character referen…

Guide for implementing web accessibility (WCAG). Use when designing UI components, reviewing interfaces for accessibility, or ensuring compliance with W3C WAI standards.

Rebuild an Apple-style Mac launch film entirely in code with Claude Code. A thin menu bar, the black notch growing into widgets one scene at a time, full-screen gradient…

Build any of 16 premium motion effects from scratch in your own brand, as one 8-second looping HTML file with window.seek(seconds) so it exports frame-exact to MP4 or GI…

Interactive PR review workflow. Reads existing PR comments (including pending review drafts) before reviewing, drafts severity-grouped findings into a markdown file, ite…