Agent Skills
› shinpr/claude-code-workflows
shinpr/claude-code-workflows
GitHub提供后端及技术决策的审查标准,涵盖代码与设计反模式检测、失败快速回退原则及质量门禁。用于评估实现完整性、识别技术债务及优化系统可维护性。
安装全部 Skills
npx skills add shinpr/claude-code-workflows --all -g -y
集合内 Skills (120)
按质量分展示前 50 个(共 120 个),完整列表请用安装命令预览或逐个打开详情。
提供后端及技术决策的审查标准,涵盖代码与设计反模式检测、失败快速回退原则及质量门禁。用于评估实现完整性、识别技术债务及优化系统可维护性。
代码审查
架构设计评审
识别技术债务
评估实现完整性
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前端代码审查标准,涵盖价值优先工程、反模式检测(如SRP/DRY违规)及回退设计原则,用于组件、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友好型上下文编写规范,通过明确指令、具体化模糊描述、定义输出结构及分解步骤,确保下游Agent能准确执行任务。
编写或修订面向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前端开发规范,涵盖类型安全、组件设计、状态管理及错误处理。指导实现组件时优先使用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、设计文档等工作计划模板及创建决策矩阵,指导技术文档的生成与审查。
创建或审查技术文档
确定所需文档类型
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前端代码审查指南,涵盖技术决策标准、反模式检测(如SRP/DRY违规)、调试及质量门禁。适用于组件审查、Hooks分析及浏览器行为验证,旨在识别设计缺陷并提升代码可维护性。
前端代码审查
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测试用例
评估测试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
自动执行前端构建任务文件,通过协调子代理完成代码实现、质量修复及提交。依据工作计划解析任务集,在自主模式下批量处理并清理已消耗的任务文件。
用户指令执行前端任务
存在待处理的前端task文件
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
作为编排器,对React/TypeScript前端实现进行设计文档合规性与安全验证。协调代码审查、安全审查子代理,并根据结果自动执行代码修复或设计文档更新路径,确保实现与设计一致且安全。
前端代码提交后的合规性检查
前端代码的安全审计需求
npx skills add shinpr/claude-code-workflows --skill recipe-front-review -g -y
该技能通过调用rule-advisor进行元认知分析,选择规则并识别潜在失败模式。随后使用TaskCreate创建任务列表,按优先级和依赖关系分解工作,并在执行中持续更新状态,确保遵循最佳实践和质量标准完成任务。
需要执行复杂开发任务
希望应用元认知分析优化工作流程
需要结构化任务分解与监控
npx skills add shinpr/claude-code-workflows --skill recipe-task -g -y
协调子代理更新现有设计文档(Design Doc/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
指导多智能体协调与执行流程,包括需求分析、变更检测及任务委派边界。本次更新将需求听证协议重构为有序步骤并记录证据,优化了各子代理的任务注册、收敛JSON格式及触发条件,确保流程可追溯且规范。
需要协调多个子智能体执行复杂任务时
管理多阶段工作流或确定自主执行模式时
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测试,涵盖配置运行器、Mock、Setup及浏览器环境。遵循AAA结构,确保测试独立性与确定性,适用于前端测试创建与骨架生成。
需要编写React组件单元测试或集成测试
需要实现浏览器级别的端到端(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前端代码审查指南,涵盖技术决策标准、反模式检测(如SRP/DRY违规)及质量门禁。用于评估组件、Hooks实现完整性及浏览器行为合规性。
前端代码审查
React/TypeScript组件设计评审
检测前端反模式
评估UI实现质量
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)
启动软件设计的编排工作
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规格设计及技术文档生成的全流程。
需要创建前端设计文档
执行前端架构或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


