Agent Skills › shinpr/claude-code-workflows

shinpr/claude-code-workflows

GitHub

提供后端及技术决策准则、反模式检测与质量门禁,用于审查代码异味、故障及实现完整性。

120 skills 670

Install All Skills

npx skills add shinpr/claude-code-workflows --all -g -y
More Options

List skills in collection

npx skills add shinpr/claude-code-workflows --list

Skills in Collection (120)

Showing top 50 of 120 by quality score. Use the install list command or open individual skills for the rest.

提供后端及技术决策准则、反模式检测与质量门禁,用于审查代码异味、故障及实现完整性。
审查一般/后端实现选择 检测代码异味 分析故障原因 评估实现完整性
dev-skills/skills/ai-development-guide/SKILL.md
npx skills add shinpr/claude-code-workflows --skill ai-development-guide -g -y
提供语言无关的代码原则,涵盖可维护性、可读性及函数设计等规范。用于指导功能实现、代码重构和质量审查,强调简化设计、单一职责及显式意图。
实现新功能时参考编码规范 进行代码重构以提升质量 审查代码是否符合最佳实践
dev-skills/skills/coding-principles/SKILL.md
npx skills add shinpr/claude-code-workflows --skill coding-principles -g -y
该技能用于根据变更规模决定所需的文档类型(PRD、ADR、UI Spec等)及其存储位置,辅助技术文档的创建与审查。
决定文档范围 创建技术文档 审查技术文档
dev-skills/skills/documentation-criteria/SKILL.md
npx skills add shinpr/claude-code-workflows --skill documentation-criteria -g -y
记录代码库外部资源(如设计稿、API Schema、密钥等)的访问方式,通过两级存储结构确保下游任务能准确获取信息。
工作依赖外部资源 提及设计源、设计系统、API Schema、IaC 或密钥库
dev-skills/skills/external-resource-context/SKILL.md
npx skills add shinpr/claude-code-workflows --skill external-resource-context -g -y
前端AI开发指南,提供React/TypeScript技术决策标准、反模式检测及质量门禁。用于审查组件、Hooks实现及浏览器行为,确保代码正确性、可维护性并识别设计缺陷。
审查前端组件或Hooks实现 检测前端代码中的反模式和设计缺陷 评估前端技术方案的质量与完整性
dev-skills/skills/frontend-ai-guide/SKILL.md
npx skills add shinpr/claude-code-workflows --skill frontend-ai-guide -g -y
提供元认知实施策略选择框架,通过现状分析、设计收敛和策略探索三个阶段,辅助规划开发方案、选择技术路径及定义验证标准。
规划实现策略 选择开发方法 定义验证标准
dev-skills/skills/implementation-approach/SKILL.md
npx skills add shinpr/claude-code-workflows --skill implementation-approach -g -y
提供集成与端到端测试的设计原则、ROI计算及审查标准。定义不同测试类型及其预算,指导测试骨架规范与质量评估,确保通过可观察行为验证系统交互与UI流程。
设计集成测试或E2E测试用例 评估测试方案的ROI 审查测试代码或测试计划的质量
dev-skills/skills/integration-e2e-testing/SKILL.md
npx skills add shinpr/claude-code-workflows --skill integration-e2e-testing -g -y
规范面向LLM的上下文编写,通过明确输入输出、成功标准及决策点,消除歧义并提升下游执行稳定性。适用于优化提示词、交接文档及生成指令。
编写或修改面向LLM的提示词 创建任务交接或规划文档 审查生成的指令或报告
dev-skills/skills/llm-friendly-context/SKILL.md
npx skills add shinpr/claude-code-workflows --skill llm-friendly-context -g -y
用于需求收敛,分离目标与实现方案,记录排除项及成本范围。在需求进入工作流、设计开始前使用,通过听证协议明确结果、需求和非目标,确保需求就绪。
新需求进入工作流 开始设计前澄清需求
dev-skills/skills/requirement-convergence/SKILL.md
npx skills add shinpr/claude-code-workflows --skill requirement-convergence -g -y
指导实现 React/TypeScript 的单元测试、集成测试及浏览器 E2E 测试。涵盖测试骨架生成、配置运行器、Mock 设置及浏览器环境搭建,遵循 AAA 结构、独立性及命名规范。
创建前端单元测试或集成测试 编写浏览器 E2E 测试 生成测试代码骨架
dev-skills/skills/test-implement/SKILL.md
npx skills add shinpr/claude-code-workflows --skill test-implement -g -y
提供语言无关的测试原则,涵盖TDD、质量要求(如覆盖率与速度)、设计规则及Mock/数据层测试规范。用于编写测试、设计策略或审查测试质量。
编写单元测试或集成测试 设计测试策略 审查测试代码质量 配置CI测试标准
dev-skills/skills/testing-principles/SKILL.md
npx skills add shinpr/claude-code-workflows --skill testing-principles -g -y
提供React/TypeScript前端开发规范,涵盖类型安全、组件设计、状态管理及错误处理。指导开发者在实现前端功能时遵循最佳实践,确保代码质量与可维护性。
实现React组件 编写TypeScript代码 进行前端功能开发
dev-skills/skills/typescript-rules/SKILL.md
npx skills add shinpr/claude-code-workflows --skill typescript-rules -g -y
提供后端技术决策准则、反模式检测及质量门禁,用于审查代码异味、故障处理及实现完整性。
代码审查 技术决策评估 反模式检测
dev-workflows-frontend/skills/ai-development-guide/SKILL.md
npx skills add shinpr/claude-code-workflows --skill ai-development-guide -g -y
提供语言无关的代码规范,涵盖可维护性、可读性、函数设计及错误处理原则,用于指导编码实现、重构及代码审查。
实现新功能 重构代码 审查代码质量
dev-workflows-frontend/skills/coding-principles/SKILL.md
npx skills add shinpr/claude-code-workflows --skill coding-principles -g -y
用于判定变更所需的文档类型(PRD、ADR等)及存储位置,辅助决定文档范围或创建/审查技术文档。
决定文档范围 创建技术文档 审查技术文档
dev-workflows-frontend/skills/documentation-criteria/SKILL.md
npx skills add shinpr/claude-code-workflows --skill documentation-criteria -g -y
记录代码库外部资源(如设计稿、API Schema、密钥等)的访问方式和位置,提供两级存储结构和统一引用协议,确保下游工作能准确获取外部依赖信息。
工作需要依赖外部资源 提及设计源、设计系统、API Schema、IaC 或密钥库
dev-workflows-frontend/skills/external-resource-context/SKILL.md
npx skills add shinpr/claude-code-workflows --skill external-resource-context -g -y
针对React/TypeScript的前端AI开发指南,提供技术决策标准、反模式检测及质量门禁。用于审查组件、Hooks实现、浏览器行为及前端代码完整性,旨在识别并规避设计缺陷与代码质量问题。
审查React或Vue等前端组件代码 评估Hooks实现逻辑与状态管理 检查前端UI渲染与浏览器兼容性 进行前端代码重构或优化评审
dev-workflows-frontend/skills/frontend-ai-guide/SKILL.md
npx skills add shinpr/claude-code-workflows --skill frontend-ai-guide -g -y
提供元认知实施策略选择框架,涵盖现状分析、设计收敛与策略探索。用于规划实现方案、选择开发方法及定义验证标准,辅助决策最佳技术路径。
规划实现策略 选择开发方法 定义验证标准
dev-workflows-frontend/skills/implementation-approach/SKILL.md
npx skills add shinpr/claude-code-workflows --skill implementation-approach -g -y
提供集成与E2E测试的设计原则、ROI计算、骨架规范及审查标准,指导测试类型选择、预算控制及高质量测试用例设计。
设计集成测试 设计端到端测试 审查测试质量
dev-workflows-frontend/skills/integration-e2e-testing/SKILL.md
npx skills add shinpr/claude-code-workflows --skill integration-e2e-testing -g -y
提供LLM友好型上下文编写规范,通过明确输入输出、成功标准和决策点,消除歧义,确保下游执行者无需猜测即可稳定工作。
编写或修订面向LLM的提示词 创建任务交接文档 生成规划工件或报告
dev-workflows-frontend/skills/llm-friendly-context/SKILL.md
npx skills add shinpr/claude-code-workflows --skill llm-friendly-context -g -y
用于诊断问题的自动化工作流,通过编排调查、验证和求解子代理,结构化地识别根因并推导解决方案。
需要排查系统故障或错误原因 用户报告问题并要求分析根因
dev-workflows-frontend/skills/recipe-diagnose/SKILL.md
npx skills add shinpr/claude-code-workflows --skill recipe-diagnose -g -y
用于在会话内调整已实现UI,通过外部资源确认、模式检查、代码编辑及设计稿比对验证的闭环流程,确保修改质量并自动提交。
需要微调现有UI组件样式或布局 基于设计稿进行前端界面修正与验证
dev-workflows-frontend/skills/recipe-front-adjust/SKILL.md
npx skills add shinpr/claude-code-workflows --skill recipe-front-adjust -g -y
前端构建编排技能,通过解析工作计划和任务文件,协调专家智能体执行前端开发、质量修复及提交,实现自动化批量审批与交付。
需要自动执行前端任务文件 用户指令包含现有任务文件的批量审批
dev-workflows-frontend/skills/recipe-front-build/SKILL.md
npx skills add shinpr/claude-code-workflows --skill recipe-front-build -g -y
协调前端中大型设计,基于仓库证据生成UI规范和ADR,完成设计文档审批。涵盖需求收敛、路由确认及代码验证,确保设计决策有据可依并获正式批准。
需要制定前端设计方案 生成或审批前端设计文档 进行前端UI结构与设计行为分析
dev-workflows-frontend/skills/recipe-front-design/SKILL.md
npx skills add shinpr/claude-code-workflows --skill recipe-front-design -g -y
该技能用于前端规划阶段,根据设计文档生成测试骨架和工作计划,并通过文档审查获取批准。它协调多个专家代理完成从需求分析到计划确认的全流程,确保交付物符合标准并获得正式认可。
需要基于设计文档创建前端工作计划 需要生成前端测试骨架并获取计划审批
dev-workflows-frontend/skills/recipe-front-plan/SKILL.md
npx skills add shinpr/claude-code-workflows --skill recipe-front-plan -g -y
面向React/TypeScript前端的代码与设计文档合规性及安全性验证技能。通过编排子代理执行审查、自动修复及设计文档同步,实现实施后的质量保证与问题闭环解决。
需要验证前端代码是否符合设计规范 需要进行前端安全审计 需要自动化修复前端代码或更新过时设计文档
dev-workflows-frontend/skills/recipe-front-review/SKILL.md
npx skills add shinpr/claude-code-workflows --skill recipe-front-review -g -y
指导Agent通过元认知分析执行任务。调用rule-advisor选择规则,利用TaskCreate规划步骤,结合历史失败模式与最佳实践进行规范化的任务分解与实施。
需要结构化执行复杂开发任务 需要遵循特定领域规则并避免已知错误
dev-workflows-frontend/skills/recipe-task/SKILL.md
npx skills add shinpr/claude-code-workflows --skill recipe-task -g -y
用于更新现有设计文档(Design Doc/PRD/ADR)的编排技能。通过识别目标、澄清变更、调用专家代理更新内容,并强制执行代码验证与文档审查流程,确保文档一致性与准确性,最终等待审批完成。
需要修改现有的设计文档 需要更新PRD或ADR文档
dev-workflows-frontend/skills/recipe-update-doc/SKILL.md
npx skills add shinpr/claude-code-workflows --skill recipe-update-doc -g -y
用于在需求进入工作流初期收敛目标,分离结果与方案,记录排除项及成本范围。通过听证协议澄清模糊点,确保需求字段就绪,为后续设计奠定基础。
需求分析阶段 设计开始前 需求模糊或冗杂时
dev-workflows-frontend/skills/requirement-convergence/SKILL.md
npx skills add shinpr/claude-code-workflows --skill requirement-convergence -g -y
指导多智能体协作的工作流编排,涵盖需求分析、范围评估及子代理路由。用于管理复杂任务的自主执行模式与阶段流转。
需要协调多个子代理完成任务 管理工作流阶段和路由决策 确定自主执行模式
dev-workflows-frontend/skills/subagents-orchestration-guide/SKILL.md
npx skills add shinpr/claude-code-workflows --skill subagents-orchestration-guide -g -y
分析任务本质并匹配最小技能集,基于证据选择治理、风控或补充规则,生成执行指导与元认知问题,确保输出精简且针对性强。
需要确定任务核心目标时 为独立任务或诊断工作流选择执行技能时
dev-workflows-frontend/skills/task-analyzer/SKILL.md
npx skills add shinpr/claude-code-workflows --skill task-analyzer -g -y
提供React/TypeScript单元测试、集成测试及E2E浏览器测试的实现规范,涵盖AAA结构、独立性及命名原则,指导生成测试骨架与配置。
需要编写前端组件单元测试或集成测试 需要创建或补全E2E浏览器自动化测试 生成测试代码骨架
dev-workflows-frontend/skills/test-implement/SKILL.md
npx skills add shinpr/claude-code-workflows --skill test-implement -g -y
提供语言无关的测试原则,涵盖TDD流程、质量要求(如覆盖率诊断而非目标)、测试设计规范(AAA模式、边界处理)及Mock策略。适用于编写测试、设计测试策略或审查测试质量。
编写单元测试或集成测试 设计整体测试策略 审查现有测试代码的质量
dev-workflows-frontend/skills/testing-principles/SKILL.md
npx skills add shinpr/claude-code-workflows --skill testing-principles -g -y
针对 React/TypeScript 前端开发的规范,涵盖类型安全、组件设计、状态管理及错误处理。指导编写高质量代码,优先使用 unknown 和泛型,明确前后端边界,提升代码可维护性。
实现 React 组件 编写 TypeScript 代码 前端功能开发
dev-workflows-frontend/skills/typescript-rules/SKILL.md
npx skills add shinpr/claude-code-workflows --skill typescript-rules -g -y
提供后端技术决策标准、反模式检测及质量门禁,用于审查代码缺陷、设计漏洞及实现完整性,强调价值优先与故障快速失败原则。
代码审查 架构设计评审 技术债务评估 代码异味检测
dev-workflows-fullstack/skills/ai-development-guide/SKILL.md
npx skills add shinpr/claude-code-workflows --skill ai-development-guide -g -y
提供语言无关的代码规范,涵盖可维护性、可读性及函数设计原则,用于指导编码实现、重构和代码审查。
实施新功能 重构代码 审查代码质量
dev-workflows-fullstack/skills/coding-principles/SKILL.md
npx skills add shinpr/claude-code-workflows --skill coding-principles -g -y
定义PRD、ADR、UI Spec等文档的创建标准与路由决策,指导不同规模变更所需的文档范围及存储位置。
决定技术文档范围 创建或审查技术文档
dev-workflows-fullstack/skills/documentation-criteria/SKILL.md
npx skills add shinpr/claude-code-workflows --skill documentation-criteria -g -y
规范仓库外资源(设计稿、API、密钥等)的访问记录与引用协议,通过项目级和特性级双层存储确保下游工作能确定性获取外部依赖。
工作依赖外部资源 提及设计源、API模式或IaC源
dev-workflows-fullstack/skills/external-resource-context/SKILL.md
npx skills add shinpr/claude-code-workflows --skill external-resource-context -g -y
前端AI开发指南,提供React/TypeScript技术决策标准、反模式检测及质量门禁。用于审查组件、Hooks及浏览器行为,确保代码正确性、可维护性并识别潜在风险。
审查前端组件实现 检测React Hooks使用规范 评估前端代码质量与反模式
dev-workflows-fullstack/skills/frontend-ai-guide/SKILL.md
npx skills add shinpr/claude-code-workflows --skill frontend-ai-guide -g -y
提供基于元认知的实施策略选择框架,通过现状分析、设计收敛和策略探索三阶段,辅助规划开发方法并定义验证标准。
规划实施策略 选择开发方法 定义验证标准
dev-workflows-fullstack/skills/implementation-approach/SKILL.md
npx skills add shinpr/claude-code-workflows --skill implementation-approach -g -y
提供集成与E2E测试设计原则、ROI计算及审查标准,指导测试用例选型、预算控制及质量评估。
设计集成或E2E测试方案 评估测试用例ROI 审查测试代码质量
dev-workflows-fullstack/skills/integration-e2e-testing/SKILL.md
npx skills add shinpr/claude-code-workflows --skill integration-e2e-testing -g -y
提供LLM友好型上下文编写规范,通过正向指令、具体化模糊术语、明确输出结构和分解步骤,消除下游执行歧义,确保AI代理能稳定、准确地完成任务。
编写或优化面向LLM的提示词 创建任务交接文档或规划工件 审查生成内容的清晰度与可执行性
dev-workflows-fullstack/skills/llm-friendly-context/SKILL.md
npx skills add shinpr/claude-code-workflows --skill llm-friendly-context -g -y
编排现有代码库的集成/E2E测试添加流程。通过发现设计文档,委派子代理生成骨架、实现、审查和修复,确保测试质量与规范对齐。
需要为现有后端或前端代码添加集成测试 需要为全栈应用添加端到端测试
dev-workflows-fullstack/skills/recipe-add-integration-tests/SKILL.md
npx skills add shinpr/claude-code-workflows --skill recipe-add-integration-tests -g -y
该 Skill 作为编排器,用于在自主模式下执行材料化的任务文件。它负责解析工作计划、管理任务集、协调专家代理生成交付物,并强制执行质量修复与审查闭环,直至所有任务提交或升级。
用户指示使用现有任务文件进行批量自主执行 需要编排多个代理协作完成复杂工作流
dev-workflows-fullstack/skills/recipe-build/SKILL.md
npx skills add shinpr/claude-code-workflows --skill recipe-build -g -y
协调从代码库分析到设计文档审批的完整设计阶段,涵盖需求收敛、ADR决策、证据收集及评审解决。
需要编写或完善系统设计文档 进行技术方案评审与决策 执行架构设计审查流程
dev-workflows-fullstack/skills/recipe-design/SKILL.md
npx skills add shinpr/claude-code-workflows --skill recipe-design -g -y
自动化故障诊断技能,通过编排调查、验证和求解子代理,结构化地定位根因并推导解决方案。
需要排查系统或代码问题 请求识别根本原因
dev-workflows-fullstack/skills/recipe-diagnose/SKILL.md
npx skills add shinpr/claude-code-workflows --skill recipe-diagnose -g -y
用于在已有UI基础上进行会话内调整,通过外部资源确认、代码审查与设计稿比对验证,结合子代理质量修复,实现端到端的UI迭代与提交。
需要修改已实现的UI组件 依据设计稿对现有前端界面进行微调或纠错
dev-workflows-fullstack/skills/recipe-front-adjust/SKILL.md
npx skills add shinpr/claude-code-workflows --skill recipe-front-adjust -g -y
前端构建编排技能,自动执行物料化任务文件。通过解析工作计划与消耗任务集,协调专家代理进行交付物生产、质量修复及提交,确保前端开发流程的自主闭环执行。
需要批量执行前端任务文件时 用户指令触发现有任务文件的自主模式执行时
dev-workflows-fullstack/skills/recipe-front-build/SKILL.md
npx skills add shinpr/claude-code-workflows --skill recipe-front-build -g -y
协调中大型前端设计流程,基于代码库证据生成UI规范和ADR,完成设计文档审批。
需要制定前端设计方案 生成前端设计文档
dev-workflows-fullstack/skills/recipe-front-design/SKILL.md
npx skills add shinpr/claude-code-workflows --skill recipe-front-design -g -y
用于前端规划阶段的编排技能,从设计文档生成测试骨架和工作计划,执行审查并获取审批。
需要基于设计文档制定前端工作计划 请求生成前端测试骨架或进行计划评审
dev-workflows-fullstack/skills/recipe-front-plan/SKILL.md
npx skills add shinpr/claude-code-workflows --skill recipe-front-plan -g -y

ホーム - Wiki
Copyright © 2011-2026 iteam. Current version is 2.155.2. UTC+08:00, 2026-08-13 03:40
浙ICP备14020137号-1 $お客様$