Agent Skills
› shinpr/claude-code-workflows
shinpr/claude-code-workflows
GitHub提供通用及后端技术决策标准、反模式检测与质量门禁，用于审查代码异味、故障排查及实现完整性，辅助AI开发者识别设计缺陷并遵循价值优先工程原则。
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.
提供通用及后端技术决策标准、反模式检测与质量门禁，用于审查代码异味、故障排查及实现完整性，辅助AI开发者识别设计缺陷并遵循价值优先工程原则。
审查后端实现选择
检测代码异味或反模式
排查系统故障
评估实现完整性
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模式、IaC或密钥存储
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
提供集成与端到端测试的设计原则、ROI计算、骨架规范及审查标准，指导测试类型选择、预算控制及高质量测试用例的创建与评审。
设计集成或E2E测试方案
评估测试ROI
审查测试代码质量
npx skills add shinpr/claude-code-workflows --skill integration-e2e-testing -g -y
规范LLM友好型上下文编写，通过明确输入输出、成功标准及决策点，消除下游智能体执行时的歧义。适用于优化提示词、交接文档及规划工件，确保任务可验证且无猜测空间。
编写或修订面向LLM的提示词
创建或审查Agent交接文档
生成需要下游执行的规划或报告
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测试，涵盖测试骨架生成、配置使用及最佳实践。
创建前端测试代码
补全测试用例
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和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文档、密钥等）的访问方式，确保下游工作能确定性获取。通过两级存储和明确的更新协议，避免重复询问用户，提升跨领域协作效率。
工作依赖外部资源
用户提及设计源、设计系统、API模式、IaC源或密钥存储
npx skills add shinpr/claude-code-workflows --skill external-resource-context -g -y
提供React/TypeScript前端代码审查、反模式检测及质量门禁指南。用于评估组件设计、Hooks使用、浏览器行为及实现完整性，确保代码符合DRY/SRP原则并降低技术债务。
前端代码审查
React组件或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测试质量。
设计集成测试策略
规划E2E测试方案
评估测试用例ROI
审查测试代码质量
npx skills add shinpr/claude-code-workflows --skill integration-e2e-testing -g -y
规范LLM交互上下文，通过明确指令、具体化模糊描述、定义输出格式及分解步骤，确保下游智能体能准确执行任务。适用于编写提示词、交接文档及生成指令，旨在消除歧义并提升自动化执行的稳定性与可靠性。
编写或优化面向LLM的提示词
创建Agent间的手交接文档
生成计划或报告等工件
审查现有指令的清晰度
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规格设计及技术文档生成。强制实施审查解决机制与阶段性用户确认，确保中大型前端项目的设计质量与一致性。
需要生成前端设计文档
进行中大型前端架构或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）的技能。通过编排子代理进行内容更新、审查和一致性校验，并在关键节点暂停以获取用户审批，确保文档修改的准确性和质量。
需要更新现有的设计文档或产品需求文档
需要对已创建的ADR或PRD进行修订和审查
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
用于元认知任务分析和技能选择。通过理解任务本质、估算规模、识别类型及标签匹配，指导Agent选择最合适的执行技能，适用于确定任务复杂度和评估工作量。
需要分析任务复杂度时
选择合适技能时
估算工作规模时
npx skills add shinpr/claude-code-workflows --skill task-analyzer -g -y
提供React/TypeScript单元测试、集成测试及E2E浏览器测试的实现指南，涵盖AAA结构、独立性及命名规范。
创建前端测试用例
生成测试骨架代码
实现React组件测试
编写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前端开发规范，涵盖类型安全、组件设计、状态管理及错误处理。指导代码注释、边界校验及RSC架构实践，适用于前端功能实现与代码审查。
需要编写或审查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模式、基础设施即代码或密钥存储
npx skills add shinpr/claude-code-workflows --skill external-resource-context -g -y
针对React/TypeScript前端开发的AI指导技能，提供技术决策标准、反模式检测及质量门禁。用于审查组件、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
提供集成与E2E测试的设计原则、ROI计算、骨架规范及审查标准。用于指导测试类型选择、预算分配和行为优先的测试设计，提升测试质量与效率。
设计集成或端到端测试方案
评估测试用例的投资回报率
审查现有测试代码的质量
npx skills add shinpr/claude-code-workflows --skill integration-e2e-testing -g -y
提供LLM友好型上下文编写规范，通过明确指令、具体化模糊词、定义输出结构和分解步骤，确保下游Agent能准确执行任务，减少猜测与歧义。
编写或修订面向LLM的提示词
创建Agent间交接文档
npx skills add shinpr/claude-code-workflows --skill llm-friendly-context -g -y
该技能作为编排器，利用设计文档为现有代码库生成并添加集成/E2E测试。通过子代理协作完成骨架生成、实现、审查和质量修复，确保测试覆盖与代码质量。
需要为现有后端或前端代码添加集成测试
需要为全栈应用添加端到端（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，并在关键节点等待用户批准。
需要创建系统设计文档时
需要编写架构决策记录(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分析与规范、技术设计及审查等步骤，并在关键节点强制人工审批与质量门禁，确保交付物一致性。
需要生成前端架构或详细设计文档
进行前端代码库的分析与设计阶段
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
