设计创意

Figma 设计文件查询：读取文件结构、导出界面截图、查看组件和样式

UI 设计稿管理。触发词: "ui", "ui list", "设计稿列表"

当用户要求设计或评审 UI、创建 landing page 或 dashboard、选择颜色或 typography、改善 accessibility，或实现带清晰设计系统的精致前端界面时使用该 skill。

Unity 游戏开发工具集。当任务涉及 Unity Editor 操作、UI 设计与构建、动画/微交互、配置表设计、前端界面开发时使用。覆盖：Unity Editor REST API 自动化（GameObject/组件/场景/材质/预制体控制）、UI 全流程开发（需求分析→设计→原型→脚本→构建）、游戏 UI 设计理论、配置表（DataTable）设计与生成、动画与微交互优化、前端界面设计。触发场景：提到 Unity、UI 设计、动画、配置表、预制体、场景构建等。

具备世界级游戏UI设计专业能力，融合任天堂UI理念的清晰性、《死亡空间》与《银河战士Prime》的沉浸式叙事化界面，以及电竞游戏的竞技可读性原则。游戏UI是连接玩家意图与游戏响应的无形桥梁。优秀的游戏UI在不破坏沉浸感的前提下为玩家服务，能在激烈的游戏过程中瞬间传达关键信息，引导新玩家的同时又不会让老玩家感到被轻视，还能流畅适配从4K显示器到掌机屏幕、从键盘到触摸再到控制器的各类场景。顶尖的游戏UI设计师深知，屏幕上的每一个像素都弥足珍贵——它们是从游戏世界中“借”来的。当提及“game ui, game interface, hud design, heads up display, game menu, inventory ui, health bar, stamina bar, game hud, minimap, crosshair, reticle, button prompt, controller ui, gamepad navigation, diegetic interface, in-world ui, quest tracker, damage numbers, cooldown indicator, radial menu, game tooltip, game-ui, hud, game-interface, game-menu, controller-ui, diegetic, game-design, accessibility, console, mobile-games”这些关键词时适用。

Unity UI 全流程设计与构建技能。从需求分析 → 界面设计 → HTML 原型 → 参考图生成 → C# 脚本创建 → Unity 场景构建 → 预制体保存，完成完整的 UI 开发闭环。当用户要求创建新的 UI 界面、设计游戏 UI 面板、构建 Unity UI 预制体时触发。关键词：创建UI、新建界面、设计面板、UI预制体、构建UI、搭建界面。即使用户只提到其中部分步骤（如只要求设计界面，或只要求在 Unity 中创建），也应使用此技能来确保整个流程的规范性和一致性。

After UI work, verifies implementation against (1) Figma design truth when the user provides a figma.com link, otherwise skips pull; (2) design rules and visual/effect descriptions stated by the user in the current conversation only—not repo docs like RULES.md unless the user explicitly asks. Outputs a fixed pass/fail table and diffs; on fail, fix then re-run. Triggers: Figma URL, 设计稿、还原、验收、不一致、对话里对样式/交互的说明、收尾校验。

Web端UI界面和功能测试专家，自动生成测试用例、执行自动化测试并分析测试报告。当用户提到Web测试、界面测试、功能测试、自动化测试、测试用例生成、测试报告分析时必须使用此技能。

VChart图表库专家助手，擅长创建、配置和调试VChart图表。当用户需要：生成柱状图/折线图/饼图等图表；修复图表不显示/点击事件不触发等问题；从图片或Figma设计稿还原图表样式；实现点击获取数据/数据动态更新/图表联动/导出图片/主题切换等交互功能；配置图例/坐标轴/标签/tooltip等组件时使用。即使用户没有提到"技能"或"VChart"这个词，只要涉及图表开发就触发。

Web 视觉设计 SKILL。输入 PRD / 参考 URL / 截图 / 关键词（任意组合），先产出一份标准化 DESIGN.md 设计规范，用户确认后据此生成 UI/UX、视觉、动效、响应式全部达标的 web 代码。专攻 web 端：Landing Page、Portfolio、产品页、博客、个人站、SaaS 介绍页等。当用户说"帮我做个网站""设计一个页面""参考 XX 做一个""把这个截图/PRD 做成网页""做一个 landing page""出一份 design 规范"时触发。不用于后端、数据库、纯逻辑 bug 修复。

Doc → Jira | 文件轉 Jira Ticket - 將 Confluence 頁面、規格文件或需求文字轉換成完整的 Jira Feature tickets， 包含 AC、Figma 設計連結、Assets to Export、Implementation Notes。 MUST use this skill whenever the user wants to: create Jira tickets from any document or requirement, open Jira backlog items, build user stories for Jira, convert spec/confluence pages to tickets, 建 jira、開 jira ticket、建 ticket、開 backlog、轉成 jira、整理到 jira、建成 jira、 doc to jira、文件轉 ticket、spec 轉 ticket、需求轉 jira、把這個建成 ticket、 幫我開 jira、建 user story 到 jira、把需求整理成 ticket、開成 backlog。 Trigger on ANY combination of: (document/spec/requirement/confluence/需求/文件/規格) + (jira/ticket/backlog/user story/開/建/轉/整理)。 當使用者提供任何文件或需求內容並想建立 Jira ticket 時，MUST 使用此 skill。

前端设计指导 Skill，用于 UI 组件设计、界面布局、设计系统一致性审查、 CSS/Tailwind 优化、响应式设计和可访问性检查。当需要进行 UI 设计决策、 组件结构规划、设计审查或样式优化时使用此 Skill。

通过 DESIGN.md 初始化或修改项目的 UI 设计风格。在启动需要 visual design system 的新项目、采用预制设计风格（如 Linear、Vercel、Stripe）、或从零定制 UI design token 时使用。

扮演设计师角色，完成从用户研究、UX策略、UI设计到交互设计的全流程设计任务。支持设计研究、设计系统、原型测试、设计运营等多维度职责。

为用户偏好设计界面 - 动作敏感度、对比度需求、色彩方案、文本大小、信息密度或任何应适应个人需求的界面行为。

移动端游戏UI设计规范，整合基础设计原则与心理学应用，适用于卡牌、策略、RPG等类型游戏。提升操作效率、降低认知负荷、增强沉浸感。

将心理学原则（菲茨定律、希克-海曼定律、认知负荷理论、格式塔原则等）系统应用于UI/UX设计，基于人类认知、感知、行为模式反向推导界面布局、交互流程与信息呈现。

Pencil CLI 视觉设计（/pencil-design）：用自然语言生成 .pen 设计与 PNG 导出。 说「做设计」「生成 mockup」「landing page 视觉」「.pen」时也触发。

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 include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics. Trigger scenarios — use when the user mentions any of: - UI design, frontend design, web design, interface design, 界面设计, 前端设计 - responsive layout, mobile adaptation, breakpoints, 响应式, 自适应, 适配 - animation, motion, micro-interaction, transitions, 动画, 动效, 微交互 - UX copy, microcopy, error messages, labels, UX 文案, 文案优化 - performance optimization, bundle size, rendering, 性能优化, 渲染, 加载速度 - accessibility audit, a11y, WCAG, 无障碍, 可访问性 - design review, design critique, UX evaluation, 设计评审, 设计审查 - typography, fonts, type hierarchy, 字体, 排版, 字号 - color palette, color scheme, theming, 配色, 色彩, 主题 - layout, spacing, visual rhythm, gri

纯微信聊天界面截图——对话气泡+红包+统一头像

为王者荣耀英雄设计原创皮肤概念方案。当用户需要为王者荣耀英雄设计新皮肤、创建皮肤概念图、设计主题皮肤或进行皮肤创意设计时使用此技能。支持多种风格主题（科幻、古风、现代、幻想等），包含英雄定位分析、主题设计、视觉元素设计、技能特效概念等完整设计流程。

将 Figma 设计和截图转换为生产就绪的代码组件，内置无障碍性支持

将设计好的游戏/应用画面图片智能分层拆解为独立的组成部分（如背景、容器/结构、道具/物品、角色等），类似PS图层拆解。不破坏原图风格、结构和比例，不硬裁剪，而是根据内容语义提炼出每一个组成元素类别。当用户上传了一张设计好的完整画面（游戏截图、UI设计稿、广告素材等），并要求"分层"、"拆解"、"提取元素"、"拆成图层"、"像PS一样分层"等操作时触发。

专门用于“货柜排序”、“商品消除”类休闲游戏（Goods Sort类）的美术设定、局内游戏界面设计以及应用商店宣传图（五图/买量素材）的设计规范与生成指导。当用户要求设计货柜游戏图片时触发。

根据 Figma 设计稿截图生成可直接运行的 Gin SSR 页面模板（HTML + CSS）。当用户发送“gin前端模板”或提供 Figma 页面截图时触发：生成的页面必须优先保证可运行、可预览、结构完整；禁止输出任何 {{.data}}、{{.Path}}、{{.Config}} 这类动态取值；head 中 SEO/meta/application/ld+json 必须完整写死；main 区域必须严格按截图还原；写入两个文件并返回文件路径与附件。

基于项目 UI 设计规范进行自动化代码审查和视觉一致性检查。

优化 subPages 演示页面中的样式，将硬编码的颜色、字号、间距、圆角等替换为 wot-ui 设计系统语义变量。允许直接使用已全局注入的 variable.scss Sass 变量，也允许使用 CSS 自定义属性；不需要额外引入 variable.scss。消除手写的暗色模式覆盖块，统一使用语义变量实现自适应主题。同时将 class 命名统一为 BEM 规范。

应用界面与自动化操作中枢。

为现有 Web 前端执行系统化视觉重设计与交互升级。适用于“重做页面设计 / 改版UI / 提升质感 / 统一风格 / 现代化首页与业务页”等需求，尤其是 Vue + Vite 项目。

红包封面设计，微信红包封面设计技能,生成符合微信红包封面开放平台规范的封面设计图片，包括封面图、封面挂件、气泡挂件和封面故事素材。这个技能可以帮助用户从零开始设计符合微信红包封面平台标准的完整素材套件，确保所有素材都能顺利通过平台审核，并呈现出专业、喜庆的视觉效果。