Agent Skills
› shinpr/claude-code-workflows
shinpr/claude-code-workflows
GitHub提供后端与技术决策的评估标准、反模式检测及调试质量门禁，用于审查实现选择、代码异味、故障原因及完整性。
Install All Skills
npx skills add shinpr/claude-code-workflows --all -g -y
Skills in Collection (120)
Showing top 50 of 120 by quality score. Use the install list command or open individual skills for the rest.
提供后端与技术决策的评估标准、反模式检测及调试质量门禁，用于审查实现选择、代码异味、故障原因及完整性。
审查后端或通用技术决策
检测代码异味与反模式
分析故障与调试问题
评估实现完整性
npx skills add shinpr/claude-code-workflows --skill ai-development-guide -g -y
提供语言无关的代码规范，涵盖可维护性、可读性及函数设计原则。用于指导功能实现、代码重构和质量审查，确保代码简洁、清晰且易于长期维护。
实现新功能时参考编码规范
进行代码重构以优化结构
审查代码质量与可读性
npx skills add shinpr/claude-code-workflows --skill coding-principles -g -y
该 Skill 用于判定软件变更所需的文档类型（PRD、ADR、UI Spec、Design Doc、Work Plan）及其存储位置，依据变更规模提供创建决策矩阵，规范技术文档的编写范围与流程。
决定文档编写范围
创建技术文档前
审查技术文档时
npx skills add shinpr/claude-code-workflows --skill documentation-criteria -g -y
记录项目外部资源（如设计稿、API、IaC）的访问方式，通过两级存储结构确保下游工作能高效获取信息，避免重复发现。
工作依赖外部资源
提及设计源、API schema、IaC 或密钥库
npx skills add shinpr/claude-code-workflows --skill external-resource-context -g -y
提供React/TypeScript前端开发的技术决策标准、反模式检测及质量门禁，用于审查组件、Hooks、浏览器行为及实现完整性。
审查前端代码或组件设计
检测React/TypeScript反模式
评估前端实现质量和可维护性
npx skills add shinpr/claude-code-workflows --skill frontend-ai-guide -g -y
提供实施策略选择框架，涵盖现状分析、设计收敛与策略探索。用于规划实现方案、选择开发方法或定义验证标准，辅助做出技术决策。
规划实现策略
选择开发方法
定义验证标准
npx skills add shinpr/claude-code-workflows --skill implementation-approach -g -y
提供集成测试与E2E测试的设计原则、ROI计算、骨架规范及审查标准。用于指导测试用例设计、选择合适测试类型及评估测试质量，确保高投资回报率和可维护性。
设计集成测试或E2E测试用例
评估测试方案的ROI
审查测试代码或测试计划
npx skills add shinpr/claude-code-workflows --skill integration-e2e-testing -g -y
提供 LLM 友好型上下文编写指南，通过明确输入输出、成功标准和决策细节，消除歧义，确保下游消费者或 AI 能准确执行任务。
编写或修订面向 LLM 的提示词
创建任务交接文档
生成规划或报告类制品
npx skills add shinpr/claude-code-workflows --skill llm-friendly-context -g -y
在需求进入工作流前，分离目标与要求，记录排除项并评估成本。通过听证协议澄清模糊点，确保产出物、非目标和成本范围明确就绪，为后续设计奠定基础。
需求分析后
设计开始前
需求存在歧义或冗余时
npx skills add shinpr/claude-code-workflows --skill requirement-convergence -g -y
用于实施 React/TypeScript 的单元测试、集成测试及浏览器 E2E 测试。提供测试骨架生成、运行器配置、Mock 设置及浏览器环境搭建，遵循 AAA 结构和独立性原则。
创建前端测试用例
补全测试代码
生成测试骨架
npx skills add shinpr/claude-code-workflows --skill test-implement -g -y
提供语言无关的测试原则，涵盖TDD流程、质量要求（如覆盖率诊断）、设计规则（AAA模式、边界测试）及Mock策略。用于指导编写高质量测试、制定测试策略或评审测试代码，强调行为验证与隔离性。
编写单元测试或集成测试
设计测试策略
评审测试代码质量
重构代码时的回归测试保障
npx skills add shinpr/claude-code-workflows --skill testing-principles -g -y
提供React/TypeScript前端开发规范，涵盖类型安全、组件设计、状态管理及错误处理。指导实现React组件和TS代码时遵循最佳实践，如优先使用unknown替代any、规范Props定义及前后端边界处理。
实现React组件
编写TypeScript代码
前端功能开发
npx skills add shinpr/claude-code-workflows --skill typescript-rules -g -y
提供后端与技术决策准则，识别代码与设计反模式，规范失败处理与回退设计。用于审查实现选择、代码异味及完整性，确保系统正确可维护。
审查后端实现选择
检测代码异味
评估故障处理逻辑
npx skills add shinpr/claude-code-workflows --skill ai-development-guide -g -y
提供语言无关的编码原则，涵盖可维护性、简洁性、命名规范及错误处理等，旨在指导代码实现、重构和质量审查，提升代码质量。
实施新功能时参考编码规范
进行代码重构以优化结构
审查代码质量与可读性
npx skills add shinpr/claude-code-workflows --skill coding-principles -g -y
确定变更所需的文档类型（PRD、ADR、UI Spec等）及存储位置，辅助创建或审查技术文档。
决定文档范围
创建技术文档
审查技术文档
npx skills add shinpr/claude-code-workflows --skill documentation-criteria -g -y
记录项目外部资源（如设计稿、API、密钥等）的访问方式与位置，为下游工作提供统一入口。通过两级存储管理环境稳定事实与特性特定标识，确保资源发现的确定性与一致性。
工作依赖外部资源
提及设计源、API Schema、IaC或密钥库
npx skills add shinpr/claude-code-workflows --skill external-resource-context -g -y
提供前端（React/TypeScript）的技术决策标准、反模式检测及质量门禁，用于审查组件、Hooks实现及浏览器行为，确保代码正确性与可维护性。
审查 React 或 TypeScript 组件代码
检查 Hooks 实现规范
评估前端代码质量与反模式
调试前端特定行为问题
npx skills add shinpr/claude-code-workflows --skill frontend-ai-guide -g -y
提供元认知实现策略选择框架，指导从现状分析、设计收敛到策略探索的完整流程，用于规划开发路径和定义验证标准。
需要制定整体实现方案时
在编码前进行技术决策与架构评估时
npx skills add shinpr/claude-code-workflows --skill implementation-approach -g -y
提供集成与端到端测试的设计原则、ROI计算及审查标准，指导测试类型选择与预算控制。
设计集成或E2E测试用例
评估测试质量与ROI
制定测试策略
npx skills add shinpr/claude-code-workflows --skill integration-e2e-testing -g -y
提供LLM友好型上下文编写规范，通过明确输入输出、成功标准和决策点，消除模糊性，确保下游消费者或模型能准确执行任务。
编写或修订面向LLM的提示词
创建任务交接文档
生成规划工件或报告
npx skills add shinpr/claude-code-workflows --skill llm-friendly-context -g -y
该技能用于系统化诊断问题，通过结构化流程引导调查、验证并推导解决方案。作为编排者，它协调子代理执行故障排查，确定问题类型并补充信息，最终提供根因分析与修复建议。
用户请求诊断技术问题或系统故障
需要分析错误日志以找出根本原因
遇到未知现象需要系统性排查
npx skills add shinpr/claude-code-workflows --skill recipe-diagnose -g -y
用于在会话内对已实现的UI进行微调，通过审查现有代码模式、执行调整并与设计源比对验证，确保修改符合设计规范。
用户要求修改已有UI组件的外观或布局
需要校验UI实现与设计稿的一致性
npx skills add shinpr/claude-code-workflows --skill recipe-front-adjust -g -y
该技能用于前端构建任务的自主执行，通过编排子代理完成任务文件的执行、质量修复和提交。支持基于工作计划的批量处理与自动清理，确保前端交付物的质量与流程合规。
用户授权执行前端构建任务文件
需要自动化完成前端任务集的执行、验证与清理
npx skills add shinpr/claude-code-workflows --skill recipe-front-build -g -y
协调中大型前端设计文档流程，从需求证据到UI规范和ADR决策，最终完成设计文档审批。包含代码库分析、UI审查及文档评审环节。
需要创建或批准前端设计文档
执行前端架构设计与UI规范确认
npx skills add shinpr/claude-code-workflows --skill recipe-front-design -g -y
基于设计文档生成前端工作计划并获取审批。涵盖测试骨架生成、工作规划及文档审查，确保计划内容经审核批准后方可完成。
需要创建前端工作计划
根据设计文档进行前端任务规划
npx skills add shinpr/claude-code-workflows --skill recipe-front-plan -g -y
针对React/TypeScript前端实现的代码与设计文档合规性及安全验证技能。通过编排子代理执行审查、修复及重新验证，确保代码质量与设计文档一致性。
需要检查前端代码是否符合设计文档规范
需要进行前端代码的安全漏洞扫描与验证
npx skills add shinpr/claude-code-workflows --skill recipe-front-review -g -y
基于元认知分析的任务执行技能，通过调用rule-advisor选择规则并识别历史失败模式，按依赖顺序分步执行任务，确保方案质量与正确性。
需要结构化执行复杂开发任务
需结合元认知优化工作流
npx skills add shinpr/claude-code-workflows --skill recipe-task -g -y
用于更新现有设计文档（如Design Doc/PRD/ADR）的技能。通过协调专家代理执行变更澄清、文档更新及审查，确保内容准确性与一致性，最终待审批后完成。
需要更新现有的设计文档或产品需求文档
对已生成的技术方案进行修订和审查
npx skills add shinpr/claude-code-workflows --skill recipe-update-doc -g -y
在需求进入工作流前，分离目标与方案，明确范围、非目标及成本区间。通过听证协议澄清模糊点，确保需求收敛至可执行状态，为后续设计奠定基础。
需求分析阶段
设计开始前
需求模糊或过载时
npx skills add shinpr/claude-code-workflows --skill requirement-convergence -g -y
指导多智能体协调、工作流编排及自主执行模式。适用于用户明确授权时，由协调者管理路由、进度并调用专业子代理完成代码、测试等交付物生成。
需要编排多个子代理协作
管理工作流阶段与自主执行模式
npx skills add shinpr/claude-code-workflows --skill subagents-orchestration-guide -g -y
分析任务本质，从技能目录中匹配最小必要技能集，生成执行指导与元认知警示。用于诊断工作流和独立任务的规划与风险控制。
需要选择执行技能的独立任务
任务诊断与工作流规划
npx skills add shinpr/claude-code-workflows --skill task-analyzer -g -y
用于实现React/TypeScript的前端单元测试、集成测试及浏览器E2E测试。遵循AAA结构，确保测试独立性与确定性，适用于创建或补全前端测试骨架场景。
创建新的前端测试文件
补全缺失的单元测试或集成测试
实现基于Playwright的E2E测试
生成测试代码骨架
npx skills add shinpr/claude-code-workflows --skill test-implement -g -y
提供语言无关的测试原则，涵盖TDD流程、质量要求（如覆盖率观）、测试设计规则及Mock与数据层测试规范。旨在指导测试编写、策略设计及代码审查，确保测试有效性与可维护性。
编写单元测试或集成测试
制定测试策略
审查测试代码质量
npx skills add shinpr/claude-code-workflows --skill testing-principles -g -y
提供React/TypeScript前端开发规范，涵盖类型安全、组件设计、状态管理及错误处理。指导开发者在实现组件和特性时遵循最佳实践，确保代码质量与可维护性。
实现React组件
编写TypeScript代码
前端功能开发
npx skills add shinpr/claude-code-workflows --skill typescript-rules -g -y
提供后端技术决策标准、反模式检测及质量门禁，用于审查代码异味、失败处理及实现完整性，确保系统正确性与可维护性。
审查一般或后端实现选择
检测代码异味或反模式
评估故障处理机制
npx skills add shinpr/claude-code-workflows --skill ai-development-guide -g -y
提供语言无关的编码原则，涵盖可维护性、简洁性、可读性及错误处理等规范。用于指导功能实现、代码重构及质量审查，确保代码长期健康与清晰。
实现新功能时参考编码规范
进行代码重构以优化结构
执行代码审查评估代码质量
npx skills add shinpr/claude-code-workflows --skill coding-principles -g -y
定义PRD、ADR、UI Spec等文档的创建标准与路由决策，指导根据变更规模确定所需文档类型及存储位置，确保技术决策与需求追溯的规范性。
决定项目或变更所需的文档范围
创建或审查技术方案文档时
npx skills add shinpr/claude-code-workflows --skill documentation-criteria -g -y
用于记录和管理代码库外部资源（如设计稿、API Schema、密钥等）的访问方式与路径，通过项目级和特性级双层结构建立单一事实来源，避免下游工作重复查找。
工作依赖外部资源
提及设计源、设计系统、API Schema、IaC源或密钥库
npx skills add shinpr/claude-code-workflows --skill external-resource-context -g -y
针对React/TypeScript前端的技术决策与反模式检测指南，用于审查组件、Hooks及浏览器行为，确保代码质量与维护性。
审查前端组件实现
检测Hooks使用规范
评估浏览器兼容性
检查前端代码完整性
npx skills add shinpr/claude-code-workflows --skill frontend-ai-guide -g -y
提供实施策略选择的元认知框架，涵盖现状分析、设计收敛与策略探索三阶段，用于规划实现方案、选择开发路径及定义验证标准。
规划实现策略
选择开发方法
定义验证标准
npx skills add shinpr/claude-code-workflows --skill implementation-approach -g -y
提供集成与端到端测试的设计原则、ROI计算、预算规范及审查标准，指导测试用例选型、编写质量评估及流程优化。
设计集成或E2E测试方案
评估测试用例的ROI
审查测试代码质量
npx skills add shinpr/claude-code-workflows --skill integration-e2e-testing -g -y
提供LLM友好型上下文编写规范，通过明确指令、具体化模糊表述、指定输出格式及分解步骤，确保下游消费者无需猜测即可执行。适用于优化Prompt、交接文档及生成指令。
编写或修改面向LLM的提示词
创建任务交接文档
生成规划工件或报告
npx skills add shinpr/claude-code-workflows --skill llm-friendly-context -g -y
用于在现有代码库中添加集成/E2E测试的编排技能，基于设计文档自动生成测试骨架、实现、审查及修复。
用户明确要求为现有后端、前端或全栈项目添加集成测试
需要基于设计文档（Design Doc）自动化生成端到端测试用例
npx skills add shinpr/claude-code-workflows --skill recipe-add-integration-tests -g -y
自动执行物料化任务文件，通过编排专家代理完成开发、质量修复及提交，支持自主模式批量处理。
用户授权自动执行现有任务文件
需要批量处理并验证多个子任务交付物
npx skills add shinpr/claude-code-workflows --skill recipe-build -g -y
协调从代码库分析到设计文档审批的完整设计阶段。通过收集需求、分析代码库、可选ADR决策及多轮审查，生成并确认最终的设计文档。
用户要求创建或审批设计文档
需要基于代码库证据进行系统架构设计
npx skills add shinpr/claude-code-workflows --skill recipe-design -g -y
诊断故障根因并推导解决方案的编排技能。通过结构化问题、调用调查者/验证者/求解者子代理，逐步执行证据收集与验证，最终输出修复方案。
用户报告系统故障或异常
需要排查代码变更导致的失败
请求分析未知问题的根本原因
npx skills add shinpr/claude-code-workflows --skill recipe-diagnose -g -y
针对已实现UI的会话内调整与验证技能，通过检查现有模式、执行编辑及设计源比对，利用子代理进行质量修复并提交流程。
用户要求修改已实现的UI组件
需要对照设计稿验证前端代码准确性
npx skills add shinpr/claude-code-workflows --skill recipe-front-adjust -g -y
前端构建编排技能，用于自主执行已物料化的前端任务文件。通过解析工作计划与消耗任务集，协调专家代理完成执行、质量修复（含前端检查）及提交，确保交付物质量并自动清理已完成任务。
用户明确授权执行前端构建任务
存在已生成的前端任务文件需批量处理
npx skills add shinpr/claude-code-workflows --skill recipe-front-build -g -y
协调前端中大型设计，从需求证据到UI规范及设计文档审批。通过代码分析、ADR决策和文档评审流程，确保前端实现设计的完整性与规范性。
需要完成前端设计文档审批
进行前端UI规范制定
npx skills add shinpr/claude-code-workflows --skill recipe-front-design -g -y
基于设计文档生成前端工作计划并获取审批。通过编排子代理完成测试骨架生成、计划编写、审查及批准，确保前端规划阶段产出物合规。
需要根据设计文档制定前端开发计划
需要生成前端测试骨架以辅助规划
需要获取前端工作计划的正式批准
npx skills add shinpr/claude-code-workflows --skill recipe-front-plan -g -y
