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 (124)
Showing top 50 of 124 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
定义PRD、ADR等文档的创建标准与路由决策，明确各类变更所需的文档范围及存储位置，辅助技术文档的规划、创建与审查。
决定变更所需的文档范围
创建或审查技术文档
确定文档存储位置
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及实现完整性。
审查前端组件代码
检查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 requirement-convergence -g -y
指导在React/TypeScript项目中实现单元、集成及E2E测试，涵盖配置运行器、Mock、浏览器环境设置，遵循AAA结构及独立命名原则。
需要为前端组件编写单元测试或集成测试
需要创建或完善浏览器级E2E测试
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前端开发规范，涵盖类型安全、组件设计、状态管理及错误处理。指导编写高质量代码，优先使用unknown和泛型，严格边界校验，适用于前端功能实现与代码审查。
需要遵循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
该 Skill 用于根据变更规模决定所需的文档类型（如 PRD、ADR、设计文档等）及其存储位置，明确各类文档的职责边界与创建顺序，辅助技术文档的范围决策、创建或审查。
需要确定变更所需的技术文档范围
正在创建新的技术文档
正在审查现有文档的完整性
npx skills add shinpr/claude-code-workflows --skill documentation-criteria -g -y
记录仓库外资源（设计稿、API、密钥等）的访问方式，通过项目与特性双层结构管理，避免下游工作重复发现。
工作依赖外部资源
提及设计源、设计系统、API模式、基础设施即代码或密钥存储
npx skills add shinpr/claude-code-workflows --skill external-resource-context -g -y
提供React/TypeScript前端代码审查标准，涵盖价值优先工程原则、反模式检测及质量门禁，用于组件、Hook审查及实现完整性验证。
前端代码审查
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计算、骨架规范及审查标准。指导在组件交互、UI流程及跨服务场景下选择测试类型，定义预算限制，确保高投资回报率的测试覆盖。
设计集成测试或E2E测试方案
评估测试用例的投资回报率
审查现有测试代码的质量
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组件或样式
需要对照设计稿对前端页面进行微调或修正
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结构定义及技术选型确认。
需要创建或审批前端设计文档
基于现有代码库和PRD进行前端架构设计
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前端实现的代码审查技能，检查合规性、范围经济性及安全性，并自动执行用户批准的修复。
前端代码实现完成后进行质量保障
需要审查React/TypeScript项目的合规性与安全
npx skills add shinpr/claude-code-workflows --skill recipe-front-review -g -y
用于建立仓库特定的代码实现与审查质量标准。通过收集证据构建候选规则，经用户确认后创建或更新 quality.yaml 配置文件，确保质量策略符合仓库上下文。
需要创建或更新仓库质量规范时
制定代码审查和实现验收条件时
npx skills add shinpr/claude-code-workflows --skill recipe-quality-profile -g -y
一种基于元认知分析的任务执行技能，通过调用rule-advisor选择规则、识别历史失败模式并规划依赖顺序，指导Agent按步骤高质量完成任务。
用户需要执行复杂任务并要求遵循特定规则和最佳实践
需要提升任务执行的准确性和避免已知错误模式
npx skills add shinpr/claude-code-workflows --skill recipe-task -g -y
用于更新现有设计文档（如PRD、ADR）的技能。通过识别目标、澄清变更、调用专家更新并执行严格审查与一致性检查，确保文档质量并在最终审批后完成。
需要更新现有设计文档
对已有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结构、独立性及命名规范，适用于前端测试创建与补全场景。
需要为React组件编写单元测试或集成测试
需要配置或运行浏览器级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前端开发规范，涵盖类型安全、组件设计、状态管理及错误处理。指导实现组件时优先使用函数式组件，严格限制any类型，规范边界数据校验及注释编写，提升代码质量与可维护性。
实现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等文档的创建标准与存储位置，辅助判断变更所需的文档范围及编写流程。
决定技术文档的编写范围
创建或审查技术文档时
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实现，识别代码重复、职责混乱及类型断言滥用等问题，确保UI正确性与可维护性。
审查React组件或Hook代码
检测前端技术债务与反模式
评估前端实现完整性
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计算及审查标准，指导测试用例选型、预算控制和质量评审。
设计集成或端到端测试方案
评估测试用例的投入产出比
审查现有测试代码质量
npx skills add shinpr/claude-code-workflows --skill integration-e2e-testing -g -y
提供LLM友好上下文规范，通过明确输入输出、成功标准和决策点，消除模糊指令，确保下游消费者能准确执行。适用于编写或修订面向LLM的提示词、交接文档及规划工件。
编写或优化面向LLM的Prompt
创建任务交接或手稿文档
生成需要LLM执行的计划或指令
npx skills add shinpr/claude-code-workflows --skill llm-friendly-context -g -y
该技能用于在现有代码库中添加集成/E2E测试。通过解析设计文档，协调多个子代理完成测试骨架生成、实现、审查和质量修复，确保测试覆盖与质量。
需要为现有后端或前端代码添加集成测试
需要为全栈应用补充端到端测试
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 Spec和ADR生成并审批设计文档。涵盖需求收敛、范围路由、代码分析、UI规范审查及最终批准。
需要制定前端架构或组件设计方案
根据PRD或需求创建前端设计文档
npx skills add shinpr/claude-code-workflows --skill recipe-front-design -g -y
