- 📁 reference/
- 📄 SKILL.md
ux
创建具有高设计质量的独特的生产级前端界面。当用户要求构建 Web 组件、页面、工件、海报或应用程序时,请使用此技能。生成富有创意、精美的代码,避免通用人工智能美学。
创建具有高设计质量的独特的生产级前端界面。当用户要求构建 Web 组件、页面、工件、海报或应用程序时,请使用此技能。生成富有创意、精美的代码,避免通用人工智能美学。
审查或改进前端 UI 的语义结构、键盘支持、焦点管理、标签以及常见的 WCAG 相关问题,并将报告保存为 Markdown 文件。当用户提到无障碍、accessibility、a11y、WCAG,或在实现交互组件时自动激活。
让你的AI不敢懈怠。 Web架构重构的增强版本。触发因素:(1)任务失败2次以上或重复微调相同方法; (2)即将说“我无法解决”,建议手动操作,归因于环境而不验证; (3)被动等待——不查找、不阅读,只等待指令; (4)用户挫败感:“更加努力”、“停止放弃”、“改变方法”; (5)Web重构:改了JS忘了HTML/CSS,多文件遗漏。适用于所有任务,尤其是前端重构。
跟踪项目的票证、问题和进度。加载项目上下文、管理会话、指导设置。
E2E 除错说明书——用 agent-browser CLI 在 DDD 工作流中系统性地除错前端问题。 Use when E2E tests fail, when you need to visually verify UI behavior, debug form submissions, inspect page state, or trace frontend issues during "/DDD.work". Also use when the user says "debug E2E", "check the page", "why is the test failing", "open the browser", "take a screenshot", "inspect the DOM", or invokes "/DDD.agent-browser". --- # DDD:AgentBrowser — E2E 除错说明书 在 DDD 工作流的开发阶段(`/DDD.work`),当 Playwright E2E 测试失败或需要视觉验证时, 用 `agent-browser` CLI 直接操作浏览器来定位问题。 这份说明书不是浏览器自动化教学,而是**除错流程指南**——帮你从「测试挂了」走到「找到根因」。 ## 核心除错循环 ``` 测试失败 → 重现场景 → 观察状态 → 定位根因 → 修正 → 验证 ``` 每一步都有对应的 agent-browser 指令,按顺序走就对了。 ## Step 1:重现场景 先把浏览器带到测试失败的那个画面。 ```bash # 开启目标页面
在查找任何库(React、Next.js、Vue、Django、Laravel 等)的库文档、API 参考、框架模式或代码示例时使用。通过 Context7 REST API 获取当前文档。触发条件:如何使用库、API 文档、框架模式、导入用法、库示例。
使用 @rotorsoft/act 事件源框架搭建一个新的 TypeScript 应用程序。将功能规范(事件建模图、事件风暴工件或用户故事)转换为具有域逻辑、tRPC API 和 React 客户端的工作单一存储库。当用户想要构建新应用程序、创建新项目或使用 Act 将域模型转换为代码时使用。
自主敏捷项目生命周期——按照 AIOX Agentic Agile 流程将原始想法转化为已部署的项目。自主运行 5 个阶段:发现(网络研究)、规划(PRD + 架构 + 前端规范)、分片(波浪中的故事)、开发(构建 + QA 循环)、交付(部署 + 发行说明)。决定堆栈、确定功能的优先级、编写代码、审查质量和交付——所有这些都无需人工干预。支持绿地和棕地项目。使用时机:从头开始一个新项目、向现有项目添加功能或希望实现完整的敏捷周期自动化。
使用 Playwright 与本地 Web 应用程序交互并测试本地 Web 应用程序的工具包。支持验证前端功能、调试 UI 行为、捕获浏览器屏幕截图以及查看浏览器日志。
损坏的格但斯克集成调试指南。当 gdansk 小部件无法注册、前端包或 SSR 运行时无法启动、“Ship”视图路径错误、小部件输出或 CSS 丢失、主机和端口配置不一致或现有 gdansk MCP 应用程序需要错误驱动诊断时使用。
使用 Next.js 客户端和 Fastify 服务器搭建完整的 StrataSync 应用程序(模型、同步、IndexedDB、WebSocket、PostgreSQL)
分析前端项目源码并全量生成或重建 widget-knowledge-system Skill(路由索引与页面级操作文档);适用于首次建库、历史文档质量较差或发生大范围重构后的整体重建
skill-sample/ ├─ SKILL.md ⭐ 必备:技能说明入口:用途 / 安装 / 用法 / 示例 / 依赖 ├─ manifest.sample.json ⭐ 推荐:机器可读元信息:用于索引 / 校验 / 自动填表 ├─ LICENSE.sample ⭐ 推荐:授权与使用范围:开源 / 限制 / 商用说明 ├─ scripts/ │ └─ example-run.py ✅ 可运行示例脚本:让用户导入后立刻验证“能用” ├─ assets/ │ ├─ example-formatting-guide.md 🧩 输出规范:统一排版 / 结构 / 风格 │ └─ example-template.tex 🧩 模板资源:报告/文档模板,快速生成标准产物 └─ references/ 🧩 参考资料库:方法论 / 结构指南 / 最佳实践 ├─ example-ref-structure.md 🧩 结构参考:章节框架 / 目录组织 ├─ example-ref-analysis.md 🧩 分析参考:常用套路 / 指标口径 └─ example-ref-visuals.md 🧩 视觉参考:图表规范 / 可视化建议
更多 Agent Skills 规范 详见Anthropic官方文档:https://agentskills.io/home
├─ ⭐ 必备:YAML Frontmatter(必须存在,放在文件最顶部) │ ├─ ⭐ name :技能唯一名;须符合命名规则,并建议与目录名一致 │ └─ ⭐ description :技能描述;建议包含触发关键词(便于检索/匹配) │ ├─ ✅ 可选:Frontmatter 扩展字段(规范允许,但非强制) │ ├─ ✅ license :许可证标识(也可配合单独 LICENSE 文件) │ ├─ ✅ compatibility :兼容性/运行环境要求(仅在确实有限制时写) │ ├─ ✅ metadata :任意键值对(如 author/version/source_url 等) │ └─ 🧩 allowed-tools :允许工具白名单(规范标注为 experimental) │ └─ ✅ 推荐:Markdown 正文(自由格式,但建议按“渐进式披露”组织) ├─ ✅ Overview / Purpose :一句话说明目标 + 不做什么(边界) ├─ ✅ When to use :触发条件/适用场景(让模型/用户知道何时调用) ├─ ✅ Step-by-step :步骤化流程(最好 3–6 步,保证可复现) ├─ ✅ Inputs / Outputs :输入格式、输出格式、产物位置(文件/文本/JSON等) ├─ ✅ Examples :至少 1 个可复制示例(越“能跑”越好) ├─ 🧩 Files & References :引用assets/、references/、scripts/(相对路径) ├─ 🧩 Edge cases :边界情况/限制(大文件、速率限制、失败回退) ├─ 🧩 Troubleshooting :常见错误与解决(依赖缺失、路径不对、权限问题) └─ 🧩 Safety notes :涉及联网/写文件/执行命令时给出提醒(建议写)
在 GitHub 和各类社区里,技能文件分散、难检索、也难判断是否可靠。SkillWink 把开源技能集中整理成可搜索、可筛选、可直接下载使用的技能库,让你更快找到“正好能用”的那一个。并且支持在SkillWink上直接上传skills。
我们提供 AI 语义搜索 + 关键字检索,支持 版本更新与多维排序(下载/点赞/评论/更新),并为每个技能提供 SKILL.md 开放标准与来源信息。你还可以在详情页直接 评论讨论、交流用法与改进建议。
快速上手:
支持下载与导入 skills(.zip/.skill),本地放置后即可生效:
~/.claude/skills/(Claude Code)
~/.codex/skills/(Codex CLI)
~/.gemini/skills/(Gemini CLI)
同一份 SKILL.md 跨平台通用。
你需要了解的:技能是什么、怎么运行的、怎么找、怎么导入、怎么判断可信、怎么参与共建。
这里的“skills(技能)”是一种可复用的任务能力包,通常包含 SKILL.md 说明(用途、输入输出、使用方法)以及可选的脚本/模板/示例文件。
你可以把它理解为:给 AI 助手或工具链用的“插件说明书 + 资源包”,可被反复安装与分享。
技能系统采用“渐进式披露”策略,高效管理上下文信息,具体流程如下:
发现阶段:系统启动时,智能体仅加载各技能的名称与简要描述——信息精简,足以判断其适用场景,避免冗余加载。
激活阶段:当任务需求与某技能描述匹配时,智能体才将对应的完整 SKILL.md 说明文档动态载入上下文。
执行阶段:智能体严格遵循文档指引执行操作,并按需调用关联文件或运行内置代码模块。
核心优势:该设计使智能体始终保持轻量高效,同时具备“按需扩展上下文”的能力,既保障响应速度,又确保复杂任务拥有充分执行依据。
推荐 3 种方式组合使用:
注:以上导入方式文件大小控制在10M之内。
常见路径如下(不同系统略有差异,以你本机为准):
同一份 SKILL.md 通常可以跨工具复用。你在 SkillWink 导入后,也可以查看“放置指引/安装说明”。
可以。很多技能本质是标准化说明 + 资源,只要目标工具支持读取该格式,就能共享使用。
比如:检索类技能 + 写作类技能 + 自动化脚本,形成“发现 → 处理 → 输出”的工作流。
一部分skills来源于公开的 GitHub 仓库。我们会筛掉低质量仓库(至少 2 星),并扫描基本质量指标,还有一部分是SkillWink平台的创作者独立上传的。作为使用者,在安装前应始终审查代码,对安全问题负责。
最常见原因是这几类:
我们会尽量避免。你可以用 排序 + 评论 让“好用的”更靠前: