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
定义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前端技术决策标准、反模式检测及质量门禁,用于审查组件、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
提供集成与E2E测试的设计原则、ROI计算、预算分配及审查标准,指导测试类型选择与用例设计。
设计集成测试或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 requirement-convergence -g -y
指导在React/TypeScript项目中实现单元测试、集成测试及浏览器E2E测试,遵循AAA结构、独立性及命名规范,利用仓库配置的运行器和Mock机制生成测试骨架。
创建前端单元测试或集成测试
实现浏览器级E2E测试
生成测试代码骨架
npx skills add shinpr/claude-code-workflows --skill test-implement -g -y
提供语言无关的测试原则,涵盖TDD流程、质量要求、设计规则及Mock边界规范。用于指导编写高质量测试、制定测试策略及审查测试用例,强调断言有效性与隔离性。
编写单元测试或集成测试
设计测试策略或方案
审查现有测试代码的质量
讨论测试覆盖率与CI配置
npx skills add shinpr/claude-code-workflows --skill testing-principles -g -y
提供React/TypeScript前端开发规范,涵盖类型安全、组件设计、状态管理及错误处理。指导实现组件和TS代码时遵循最佳实践,确保类型严谨与代码质量。
实现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前端的AI开发指南,提供技术决策标准、反模式检测及质量门禁。用于审查组件、Hooks、浏览器行为及前端实现完整性,确保代码质量与可维护性。
前端代码审查
检测React/TS反模式
评估组件设计合理性
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测试策略
评估测试用例质量
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分析及文档评审全流程。
需要创建或审批前端设计文档
涉及中大型前端功能的架构与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/Update 管理任务列表,确保按规范高质量完成开发任务。
需要结构化执行复杂开发任务时
希望结合元认知分析优化工作流决策时
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
指导子代理协调与多智能体工作流编排,管理路由、进度及自主执行模式。适用于需要调度多个专家代理完成复杂任务的场景,确保输入契约规范与任务收敛判定。
需要协调多个子代理协作完成任务
管理工作流阶段与路由决策
确定多智能体的自主执行模式
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设置及浏览器环境搭建。
需要创建前端测试用例
生成测试代码骨架
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、密钥)的访问方式,通过两级存储确保下游工作能高效获取信息,避免重复查找。
工作依赖外部资源
提及设计源、API Schema、IaC或密钥库
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计算、预算规范及审查标准,指导测试类型选择、骨架生成和质量评估。
设计集成测试或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
为现有代码库添加集成/E2E测试的自动化流程。通过编排子代理,基于设计文档和PRD生成测试骨架、实现、审查及修复,确保测试质量与需求一致。
需要为现有后端或前端代码添加集成测试
需要为全栈应用补充端到端(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规范生成并审批设计文档。涵盖需求收敛、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


