By hawx1993
BYDFi-oriented Claude Code workflow for Next.js, React, TSX, TypeScript, reviews, audits, build fixes, and PR workflows.
扫描 TypeScript 显式 any 用法并生成清理建议报告
审计 apps-kit 模块在各应用中的共享情况并生成报告
扫描冗余文件、死函数、死类型和死 enum 成员并生成报告
扫描未使用依赖并生成死依赖审查报告
扫描依赖安全漏洞并生成漏洞报告
前端质量验证专家。用于最终检查 BYDFi Next.js + React + TSX 改动的 tsc、lint、UI 矩阵、i18n、theme、影响范围和风险说明。
Next.js monorepo 架构与实现方案设计专家。用于需求规划、跨 app/package 影响评估、SSG/SSR 边界设计、路由和数据流方案选择。
Next.js / React / TypeScript 构建错误修复专家。用于修复 tsc、Next build、hydration、server/client boundary、alias、类型导入等问题,强调最小改动。
React + TSX 实现专家。用于实现 BYDFi Next.js 页面、组件、交互、样式和局部状态,必须遵守 i18n、theme、TypeScript 和验证规则。
React + TSX 代码审查专家。用于审查本地 diff 或指定文件中的 hooks、类型、i18n、theme、SSR/SSG 边界、可访问性、性能和验证覆盖。
BYDFi Nex 设计系统样式生成工作流。用于在 Next.js + styled-jsx 项目中生成符合设计约束的页面和组件样式。 当用户需要编写页面样式、组件样式、使用颜色变量、排版变量、间距、主题适配时,必须触发此 skill。
bydfi-web 项目的 SSG/React/Next.js 代码生成工作流。用于新建组件、编写功能代码时组织实现步骤;硬性编码规范统一引用 .claude/rules。
用于在 BYDFi SSR 项目(apps/byd-ssr)中新增、修改或调试 Next.js SSR 页面的专项工作流。 当用户提到“新增页面”、“生成 SSR 页面”、“BYDFi 页面”、“bydfi-ssr”、“Next.js pages router 页面”, 或需要在现有 BYDFi 项目结构中生成路由、补充 schema、修复页面样式或 SSR 数据流时,必须触发此 skill。
用于在 bydfi-ssr 页面中为右侧 sidebar / aside / `position: 'sidebar'` 槽位选择、规划并接入合适组件。 当用户询问“侧栏放什么”、要求补齐/调整 sidebar、或需要为 CMS widgetConfigs 决定 sidebar 组件与 SSR 数据接法时触发。 必须先给方案再落地,只允许处理 bydfi-ssr,不适用于 SSG、Web3 或无侧栏页面。
教 AI 像高端设计机构一样进行视觉设计。定义让网站显得昂贵、精致的字体、间距、阴影、卡片结构与动画规范,并拦截所有让 AI 设计显得廉价或模板化的常见默认做法。
Executes bash commands
Hook triggers when Bash tool is used
Modifies files
Hook triggers on file write and edit operations
Uses power tools
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
Uses Bash, Write, or Edit tools
Uses Bash, Write, or Edit tools
byd-next 是一个 Claude Code plugin,用于在 BYDFi 风格的 Next.js / React / TSX / TypeScript monorepo 中提供可复用的 AI 开发工作流。
它将本仓库的 commands、agents、skills、rules、knowledge 和 hooks 打包为 Claude Code plugin,安装后通过 plugin namespace 调用。
commands/:日常开发、代码生成、审计、Git / PR workflow 入口。agents/:Next.js 架构、React TSX 实现、审查、构建修复、质量验证等角色说明。skills/:规划、实现、审查、审计、发版前检查、PR Review 等可复用流程。rules/:Next.js、React TSX、TypeScript、i18n、theme、responsive、verification 等硬规则。knowledge/:core/API/hooks/icons 等公共能力发现流程。hooks/:危险命令阻断、新增依赖阻断、TSX 质量提醒。本仓库同时作为 marketplace 仓库和插件仓库使用,根目录的 .claude-plugin/marketplace.json 会将 byd-next 指向当前仓库根目录。
添加 marketplace:
/plugin marketplace add https://github.com/hawx1993/nextjs-ai-workflow
安装插件:
/plugin install byd-next@byd-next-marketplace
如果已经添加过旧版本 marketplace,先更新:
/plugin marketplace update byd-next-marketplace
在本仓库根目录执行:
claude --plugin-dir .
进入 Claude Code 后可执行:
/reload-plugins
/byd-next:dev-plan 测试:规划一个简单页面改动,不要修改文件
安装为 plugin 后,命令会带上 plugin namespace。常用入口示例:
/byd-next:dev-plan <需求>
/byd-next:dev-implement <路径/需求>
/byd-next:dev-review [文件或范围]
/byd-next:dev-fix-build <错误输出>
/byd-next:dev-fix-bug <范围>
/byd-next:workflow-git-commit
/byd-next:workflow-create-pr <base-branch>
注意:插件命令名称以 Claude Code 实际发现结果为准;如嵌套目录展示方式变化,请以
/help或/plugin中显示为准。
本文件是 BYDFi Web 的 Claude 工作流索引,覆盖 .claude/agents、.claude/commands、.claude/knowledge、.claude/skills、.claude/rules 的入口选择。
使用前先遵守仓库总入口 .claude/CLAUDE.md;涉及具体场景时,再读取对应 .claude/rules/*、.claude/knowledge/* 与 .claude/skills/*。
dev-*:规划、实现、修 bug、修构建、重构、审查分开处理。codegen-* 命令:只引用命令目录中实际存在的 codegen 入口;SSG/SSR 生成能力是支持性 skill。/audit:*:i18n、主题、安全、死代码、依赖、SEO、Tree Shaking 等审计通常产出报告或建议,不等于已修复。git commit、git push、gh pr create 或外部打开动作。| 场景 | 推荐入口 | 说明 |
|---|---|---|
| 只有需求描述,还没明确技术方案 | /byd-next:dev-plan <需求描述> | 先梳理范围、影响面、实现方案、风险与验证策略,不直接改代码 |
| 已确认方案,需要实现功能 | /byd-next:dev-implement <文件路径或需求说明> | 按确认方案做最小必要实现,优先复用 core/API/hooks/组件 |
| 需求实现中出现明确 bug | /byd-next:dev-fix-bug <文件路径[:行号[-行号]] 或 文件夹路径 + bug 描述> | 按指定范围定位并修复 BYDFi Next.js / React / TSX bug |
| 实现后需要检查改动质量 | /byd-next:dev-review [文件路径或范围] | 审查 hooks、类型、i18n、theme、SSR/SSG、性能与验证覆盖 |
| 实现后准备提交或创建 PR | /byd-next:workflow-git-commit、/byd-next:workflow-create-pr | 必须用户明确授权后才执行 Git / PR 动作 |
| 场景 | 推荐入口 | 说明 |
|---|---|---|
| 根据 Figma 设计稿生成 SSG UI | /byd-next:codegen-figma-ui <figma-url> <file-path> | Figma URL 必须包含具体 node-id,并结合设计系统规则实现 |
| 根据设计稿补齐或调整组件交互 | /byd-next:dev-implement <文件路径或需求说明> | 只实现与设计稿相关的最小必要代码改动 |
| 设计稿实现后做 UI 审查 | /byd-next:dev-review [文件路径或范围] | 重点检查 i18n、theme、styled-jsx、响应式、RTL、三端表现 |
| 场景 | 推荐入口 | 说明 |
|---|---|---|
| 无设计稿生成 BYDFi Nex 页面或组件 | /byd-next:codegen-design-system <文件路径> [需求说明] | 按 BYDFi Nex 设计系统生成页面和组件 |
| 生成高级落地页 / 营销页 | /byd-next:codegen-designer-landing-ui <需求或目标路径> | 走 landing-ui 反粗糙设计流程,适合营销页和落地页 |
| 生成高端 Soft UI / Premium UI | /byd-next:codegen-designer-premium-ui <需求或目标路径> | 走 premium-ui 设计流程,适合精致高级 UI |
| 自主 UI 生成后审查 | /byd-next:dev-review [文件路径或范围] | 检查是否符合 theme、responsive、styled-jsx、i18n 与验证要求 |
| 场景 | 推荐入口 | 说明 |
|---|---|---|
| 页面、组件、交互或数据 bug | /byd-next:dev-fix-bug <范围 + bug 描述> | 适合有明确文件、行号、目录或复现描述的 bug |
| TypeScript / Next build / hydration / alias 报错 | /byd-next:dev-fix-build <错误输出> | 最小改动修复构建、类型、SSR/CSR 边界问题 |
| 修复后需要质量复查 | /byd-next:dev-review [文件路径或范围] | 确认修复没有引入 hooks、类型、i18n、theme、SSR/SSG 风险 |
| 场景 | 推荐入口 | 说明 |
|---|---|---|
| 重构 React/TSX 组件 | /byd-next:dev-refactor-component <文件夹路径或 .tsx 组件文件路径> | 只处理 React/TSX 组件,保持 UI、交互和业务行为不变 |
| 清理死代码、无用变量、无用类型 | /byd-next:dev-refactor-clean <文件或目录> | 在指定范围安全识别并移除死代码,每次变更后验证 |
| 重构前不确定影响面 | /byd-next:dev-plan <需求描述> | 先评估影响范围、风险和验证策略,再执行重构 |
| 重构后检查质量 | /byd-next:dev-review [文件路径或范围] | 检查 hooks 依赖、类型、复用、性能、样式和验证覆盖 |
| 场景 | 推荐入口 | 说明 |
|---|---|---|
| i18n / 硬编码文案审计 | /audit:i18n | 审计语言常量、翻译覆盖和硬编码文案 |
| 主题 / 硬编码颜色 / RTL 审计 | /audit:theme | 审查主题合规性、硬编码颜色和 RTL 兼容 |
| 安全审计 | /audit:security | 执行 BYDFi 深度安全审查并生成报告 |
| 死代码审计 | /audit:dead-code | 扫描冗余文件、死函数、死类型和死 enum 成员 |
| 依赖 / 漏洞 / 版本审计 | /audit:dead-deps、/audit:deps-vuln、/audit:pkg-version | 检查死依赖、安全漏洞和依赖版本一致性 |
| Tree Shaking / any / SEO / 内存泄漏审计 | /audit:tree-shaking、/audit:any-cleanup、/audit:seo、/audit:memory-leak | 输出专项报告;需要修复时再进入 dev 流程 |
npx claudepluginhub hawx1993/nextjs-ai-workflow --plugin byd-nextHarness-native ECC operator layer - 67 agents, 271 skills, 92 legacy command shims, reusable hooks, rules, selective install profiles, and production-ready workflows for Claude Code, Codex, OpenCode, Cursor, and related agent harnesses
Superpowers Plus core skills library for Claude Code: planning, execution routing, TDD, debugging, and collaboration workflows
Claude harness - A harness for solo developers (Vibecoders) to handle full-cycle contract development.
Persistent file-based planning for AI coding agents. Crash-proof markdown plans (task_plan.md, findings.md, progress.md) that survive context loss and /clear, with an opt-in completion gate and multi-agent shared state. Manus-style. Works with Claude Code, Codex CLI, Cursor, Kiro, OpenCode and 60+ agents via the SKILL.md standard. Includes Arabic, German, Spanish, and Chinese (Simplified and Traditional).
v9.44.1 — Patch release for Gemini environment/version detection and qwen auth gating. Run /octo:setup.
Unity Development Toolkit - Expert agents for scripting/refactoring/optimization, script templates, and Agent Skills for Unity C# development