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、UI Spec、Design Doc、Work Plan),明确各文档职责与存储位置,辅助创建或审查技术文档时的范围决策。
决定文档编写范围
创建技术文档前评估
审查技术文档完整性
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
提供集成与E2E测试的设计原则、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浏览器测试的实现指南,涵盖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前端开发规范,涵盖类型安全、组件设计、状态管理及错误处理。指导开发者编写高质量代码,明确边界处理与最佳实践。
实现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、IaC、密钥等)及其访问方式,通过项目级和特性级两层结构管理,避免下游工作重复查找。
工作依赖外部资源
提及设计源、设计系统、API Schema、IaC 或密钥库
npx skills add shinpr/claude-code-workflows --skill external-resource-context -g -y
提供React/TypeScript前端代码审查指南,涵盖价值优先工程原则、反模式检测及质量门禁,用于评估组件、Hook实现及浏览器行为合规性。
审查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界面
需要基于设计稿校验并修正前端实现
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规范和ADR决策流程
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
根据仓库特定上下文和证据,制定并维护代码实现与审查的质量策略文件(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)的技能。通过协调专家进行内容修改,执行强制审查与一致性检查,确保文档准确并获批准。
用户要求更新现有的设计文档或产品需求文档
需要对新旧文档版本进行审查和一致性校验
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
指导多智能体协调与执行工作流,涵盖角色定义、子代理上下文管理及需求收敛判断规则,用于编排多个 Agent 的自主执行模式。
需要协调多个子智能体
管理复杂的工作流阶段
确定自主执行模式
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结构、独立性及命名原则。
创建前端测试用例
生成测试骨架代码
实施组件或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前端开发规范,涵盖类型安全、组件设计、状态管理及错误处理。指导编写高质量代码,优先使用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
定义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
自动化为现有代码库添加集成和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样式或布局
需要核对并修正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决策。通过代码库分析确认范围,生成完整实现设计,并推动文档审批。
需要制定中大型前端设计方案
准备前端设计文档以获取审批
npx skills add shinpr/claude-code-workflows --skill recipe-front-design -g -y


