SuperAPI AI 工具集

frontend-starter-kit

前端与建站

查看项目

更新于 10-16 07:27

技能介绍

用途:用于启动新的前端项目,一次性引入完整的项目脚手架配置与配套工作流技能,覆盖工具链、代码质量、可访问性、测试与路由等环节。

主要能力:资料列出 14 个顺序执行、可重复运行的 Setup 技能,包括 setup-toolchain(bun + tsgo 约束、危险命令防护)、setup-biome(Biome + Ultracite、自动修复钩子)、setup-quality-gate(quality:gate 脚本、CI 工作流、Stop 钩子、包体积守卫)、setup-agent-config、setup-react-compiler、setup-zustand、setup-accessibility(ARIA、Playwright AXE、WCAG 2.1 AA)、setup-react-rules、setup-env-validation(t3-env + zod、禁用 process.env)、setup-conventional-commits、setup-react-doctor、setup-tanstack-router、setup-connect-query、setup-e2e-testing(Playwright + Testcontainers + axe-core)。另含 14 个工作流技能:development-lifecycle、tdd、brainstorming、setup-ci-pipeline、improve-codebase-architecture、request-refactor-plan、design-an-interface、domain-model、grill-me、triage、diagnose、qa、zoom-out、write-a-skill。

使用方式:先按顺序执行 Setup 技能 1-14,每个技能的 SETUP.md 含安装步骤,并在 session-env.sh 中设置 REACT_RULES_BAN_USEEFFECT=1;随后用 bunx skills@latest add <技能路径> --agent claude-code -y 安装工作流技能;社区技能为可选,同样以该命令安装。验证时检查 .claude/settings.json 是否包含全部钩子、biome.jsonc 与 src/env.ts 是否存在,并确认 lint、lint:fix、type:check、test、quality:gate 脚本、.github/workflows/quality-gate.yml 与可执行钩子齐备。

适用场景与限制:适合新前端项目的初始化与规范化。资料未提供具体收费、价格、版本要求或平台兼容性细节,暂未提供。