Skills
收录 97,222 个为 Agent 打包的专项能力与操作指引，复制一行命令即可安装。
设计与 UI
在任何人开始构建之前定义工作台——Workbench Architect 将一句模糊描述转化为可直接构建的 Workbench Spec。它在任何界面存在之前运行，绝不编写界面：它决定产品是什么，并向 finesse-ui（或 Cursor、v0、通义或人工开发者）提供足以构建页面的完整规格。交付物始终是**网页**——手机浏览器中的 H5 页面或桌面 Web 控制台——绝不是原生应用，因此每日钩子是唯一的留存机制：没有推送、徽标，也没有其他兜底方式。采用同一方法覆盖**两个领域**。**个人**——一个人一个领域的每日回访页（经期 · 增肌 · 养宠 · 记账 · 摆摊 · 陪孩子学习）：输入一个路由词，同一轮就从预先绑定的骨架库生成完整工作台。**系统**——围绕一个业务对象运转的多模块工作台（CRM · ERP · AI Agent 控制台 · 数据看板 · 智慧工厂 · 项目管理 · 电商后台 · 内容创作中心 · 医疗 · 教育 · 运营后台）：提出两个结构化问题（主对象 · 谁在用 · 每天最常做什么），然后生成完整规格。通过一项内部测试决定走哪条路径——能不能说出「一共有 N 个 X」——而不是让用户选择类别，因为类别菜单总会返回第一行。按**结构**而非受众分类：**cycle · ledger · state · runbook · feed · care · operation · pipeline · registry · console · monitor**——十一种结构，各自决定钩子公式、首屏形态、数据模型骨架、必需模块和特定的失败方式；受众无限多，无法提供有效信息。落实这一类别成败攸关的门槛：每个钩子子句都必须指出读取的字段、**谁或什么写入该字段**（用户 · 系统 · 集成 · 派生——系统领域的答案几乎从来不是“用户”），以及首日无数据时屏幕显示什么——没有数据底线的钩子只是优美句子，到周四就会变成占卜签；没有数据底线的系统工作台则是漂亮演示，一接入真实数据库就只剩空表。输出 `.workbench/spec.md`：包含构建者可机械读取的 YAML frontmatter——用途、单一用户或角色、`subject`、绑定字段及其写入者的钩子、冷启动文案、**首屏从上到下的内容**、**各模块/频道的功能及 L1/L2/L3 页面树**、**`entities`——包含字段、写入者和关系的数据模型**、MVP 范围、视觉方向、收入切入点；另附面向人的中文说明，以及一个 `给实现方` 部分，将该方法的内部术语转成直白的构建指令，让文件成为任何构建者都能使用的完整简报，而非仅供编写它的技能使用。没有文件系统时——例如聊天产品或手机助手——它会打印整份规格，放在一个可复制的代码块中，而不会假装写入文件。每种入口都先给出成果再提问：一旦明确领域，就在同一轮生成完整工作台，因为提出异议很容易，诱发异议却代价高昂——输入「养宠物」会得到一份填好的方案供用户反馈；输入「我想做个 CRM」会先收到两个问题，再得到完整方案，绝不会经历五轮访谈。之后每条消息都会重新提供完整的改进版定义，而非孤立回答一个问题，让用户始终看到不断完善的成果，而不是一串待回答的问题。绝不叙述自身方法：面向用户的内容中不出现结构名称、拨盘编号、频道类型标签，也不解释菜单为何不佳。提供个人工作台的次日弃用黑名单，以及系统工作台的**死寂控制台黑名单**（列表页地狱、空荡的后台、徒有名词而无能力的模块、虚构的权限、虚假的演示数据）、输入与回报平衡规则、频道/模块组合规则、冷启动流程，以及从模块自然生长而非硬贴上去的收入切入点。也适用于能够表达反对意见的照护对象——学龄儿童、青少年或父母；记录可能变成监视，因此钩子必须描述进展，而非不足。支持动词命令（sketch · discover · define · modules|channels · hook · data · pages · audit · narrow|widen · monetize · handoff）。以下词语会触发："个人工作台"、"专属工作台"、"AI 工作台"、"AI Agent 工作台"、"Agent 控制台"、"工作台"、"后台"、"管理后台"、"控制台"、"CRM"、"ERP"、"进销存"、"数据看板"、"BI 看板"、"驾驶舱"、"大屏"、"智慧工厂"、"IoT 控制中心"、"项目管理系统"、"内容创作中心"、"电商后台"、"运营后台"、"教务系统"、"医疗系统"、"知识库"、"我想做个自己的工具"、"帮我想一个工作台"、"帮我定义一下这个产品"、"不知道做什么产品"、"personal dashboard"、"admin console"、"back office"、"what should I build"、"每日钩子"、"daily hook"、"左轨"、"频道设计"、"模块划分"、"信息架构"、"页面层级"、"数据模型"、"留存机制"、"第二天没人打开"、"用户不会录数据"、"冷启动"、"空数据"、"这个功能有人用吗"、"先给我看看效果"、"直接做出来我看看"、"给孩子做个"、"给我妈做个"、"经期/健身/睡眠/备考/养宠/育儿/记账/摆摊 工作台"、"/workbench"。
创建和维护统一品牌识别系统的技艺。品牌塑造将品牌战略转化为具体的视觉与语言识别元素——标志、色彩系统、字体、图像和语调指南，共同让品牌易于识别且令人难忘。此技能涵盖标志设计、视觉识别系统、品牌指南、命名、语言识别，以及品牌在各个接触点的应用。出色的品牌塑造恰到好处时仿佛隐于无形，让人觉得浑然天成，品牌似乎本就该如此呈现。当提及“logo、branding、brand identity、brand guidelines、visual identity、color palette、typography、brand book、naming、rebrand、brand refresh、brand system、branding、identity、logo、visual-design、guidelines、naming、typography、color”时使用。
在以下情况下加载：审查 UI 代码、设计组件或布局、选择缓动曲线或过渡效果、决定是否添加动画或声音、选择字体或颜色（OKLCH、对比度）或头像、编写 UI 文案或错误信息、审查 AI 默认风格痕迹、代码痕迹或无障碍遗漏、让屏幕看起来不那么像生成的、使用 DESIGN.md 或 .design tokens、为 Agent 编写设计系统文档、提供 Agentation 反馈、询问为何 UI 显得平淡或未完成、评估是否值得加入惊喜细节、设计或生成 UI 音效并与动作同步、规划、剪辑、评分或审查产品发布视频、创建或制作 SVG 动画（图标、吉祥物、Logo 展示、视频转矢量）、绘制图表或 tldraw 画布、为选择器设计原型方案、构建工具而非反复调整提示词，或选择由哪个设计技能负责任务。提炼自 Emil Kowalski、Benji Taylor、transitions.dev、guidelines.sh、Vercel、Index、Apple 和 47 部经测量分析的发布影片。
Rust 前端框架 fandhe-frontend 的参考资料。支持 SSR / SPA / SSG / View Transitions、hydration、Document builder（内置 SSR）、CSP meta、单个可执行文件分发、Vercel、默认转义。Crate：core / app / interactive / server（generate_pages）/ headless-ui（Primitives、AutocompleteToken、passkey）/ pre-styled-ui（Themes、motion）/ wireframe-ui（Wireframes）/ animation（data-* 属性）/ wasm-full。Blocks（335 个区块示例，如 Hero / Pricing / Cart）。CLI fw
微信公众号智能排版技能。没有固定模板——读懂文章后为每一篇现场设计排版：版面结构、阅读节奏、风格气质、配色字体全部从内容推导，每篇都不同，并给出备选风格参考；用微信安全实现手法生成全内联 HTML，以内容完整性、兼容、输出契约和真实渲染四道发布门降低粘贴后崩坏风险；输出带“一键复制”按钮的预览页。当用户提到“微信文章”、“公众号文章”、“发公众号”、“帮我排版”、“公众号排版”、“微信排版”、“排版成微信格式”、“公众号 HTML”，或给出一篇文章/Markdown 要发布到公众号时触发；也用于检查已有公众号 HTML 的兼容性与排版质量、给文章换风格重排。
每当用户要求构建、创建、设计、重新设计、润色、审查、制作动画、改进、修复或“让任何前端界面更漂亮/更整洁/更美观”时，都使用此 skill——包括落地页、仪表板、作品集、SaaS 应用、营销网站、组件、主视觉区、导航栏、页脚、定价表、海报、移动 UI，或任何 Web/React/Next.js/Vue/Svelte UI 工作。用户提到 Tailwind、shadcn、Framer Motion、21st.dev、React Bits、动画、排版、调色板、设计品味、“让它看起来更高级”、“改进外观”或“别那么千篇一律”时也使用。贯彻生产级设计规范（排版、色彩、动效、布局、无障碍、文案），并禁止通用 AI 美学，例如 Inter 字体、紫到蓝渐变、三卡片功能区、h-screen 主视觉区、John Doe 占位数据，以及“提升/无缝/释放潜力”等填充文案。生成项目 DESIGN.md，以便在不同会话中固定设计令牌。整合 UI/UX Pro Max、Framer Motion、21st.dev Magic、React Bits、Anthropic frontend-design、Impeccable 和 design-taste-frontend 的规则。
Tailwind CSS 插件——官方插件和自定义插件开发。遇到以下情况时主动启用：(1) @tailwindcss/typography（prose）；(2) @tailwindcss/forms；(3) @tailwindcss/aspect-ratio（现已内置）；(4) @tailwindcss/container-queries；(5) 通过 plugin() API 编写自定义插件；(6) 使用插件 API 中的 addUtilities、addComponents、addVariant；(7) 第三方插件（tailwindcss-animate、tailwind-merge）；(8) v4 中 CSS 内的 @utility 和 @variant（通常可替代 JS 插件）；(9) 从 v3 JS API 迁移插件到 v4 CSS API。提供官方插件安装／设置、插件 API 参考、自定义插件示例，以及 v3 到 v4 的插件迁移指南。
一个开放协议，规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话，MCP 服务负责提供工具、资源和提示模板，两者通过标准消息通信，同一个服务可以被不同客户端复用。