先安装一个 React 工作流工具
如果你要找的是一个能进入真实 UI 流程的 React 伴侣工具，而不是继续掉进无休止的组件工具比较，就先用这页收口。
- 1. 先打开安装文档，而不是继续点开更多与 React 相关的仓库。
- 2. 选择一个最适合组件交付、测试、评审或设计一致性的工具。
- 3. 先安装并验证 CLI 写入路径、同步行为和第一道操作检查点。
- 4. 只有基础路径跑通后，再把它扩展到更广的前端工作流。
精选合集 
facebook 开发者工具 facebook 开发者工具 facebook 开发者工具 facebook 开发者工具 facebook 开发者工具 facebook 开发者工具 facebook 开发者工具 
vercel 浏览器 vercel 浏览器 
yusifeng AI yusifeng 开发者工具 yusifeng AI 
workleap 开发者工具 
getsentry 开发者工具 
uhyo 开发者工具 
udecode AI udecode AI udecode AI udecode AI 
zachsnoek 开发者工具 
ebongard AI
合集 react
优先安装的 React 工作流工具
先比较 React 工作流工具，再进入安装文档、CLI 验证与团队落地路径，适用于 UI 与组件团队。
如果你的团队正在交付 React 界面，这页就应该帮助你快速收口，而不是把你重新送回无休止的组件工具比较。它聚焦适合 React 交付路径的工作流助手、护栏工具与开发伴侣，然后把下一次点击明确导向安装文档、CLI 验证与可重复的落地路径。这比泛化 UI 工具榜单更适合作为恢复期承接页。
主安装承接路径
先收口到一个技能，再进入安装路径
这个合集的任务不是把你留在比较阶段，也不是直接整合集安装，而是先帮你收口到一个技能，再把下一次点击明确送进安装、验证与落地路径。真正安装发生在技能路径上。
第 1 步 / 主路径
第 1 步：打开安装文档
先从React工作流发现页进入安装流程、验证清单与第一条命令路径，再决定是否继续比较。
打开安装路径 最该继续的两条路径
这页的下一跳，不该回到泛目录，而该继续进入更贴合的承接面
安装路径已经明确后，优先继续进入最贴合这页主题的 solution、CLI 或判断页。这样更容易把平台型、框架型和运维型需求继续收口成可验证的高意图链路。
编辑部判断与信任依据
为什么这个合集值得优先看
已于 2026-04-17 按 React 工作流适配度、安装清晰度、操作交接和前端交付价值完成复核。现在这页被重新定位为“安装优先”的 React 入口，而不是泛化 UI 工具榜单。
之所以优先强化这页，是因为带着 React 意图进来的用户，通常需要的是一份可以快速安装、验证并带入真实 UI 交付闭环的候选清单。
信任信号
- - 入选工具优先服务于真实 React 工作流，例如组件交付、UI 测试、评审闭环与设计系统一致性。
- - 筛选优先考虑文档公开、安装路径清晰、团队可在推广前快速验证的工具。
- - 这个页面服务的是可复用前端交付，而不是空泛的组件关键词覆盖或泛化仓库热度。
分组逻辑
- - 优先展示能较快进入 React 主导工作流、且不会带来高配置歧义的工具。
- - 列表保持足够紧凑，方便快速比较，同时覆盖组件交付、测试、评审与设计支持。
- - 把安装作为从 React 发现页进入已验证日常执行的桥梁。
维护与复核
- 最近复核
- 2026-04-17
- 更新节奏
- 当安装流程、维护者状态或 React 工作流相关性发生变化时立即复查；否则按月复审。
- 维护责任
- 由 Killer-Skills 编辑审查与恢复期 authority 队列共同维护。
- 验证方式
- 保留或新增条目前，会验证可安装性、操作清晰度、工作流适配度和维护者可信度。
执行示例
这组技能如何在真实工作流里配合
降低组件交付漂移
当你想为 React 邻接工作流补上前端质量与操作护栏、又不想把栈变得过于复杂时，可以把这个合集当作编辑过滤层。
- 1. 先确认工具是否有稳定维护主体和清晰的安装指引。
- 2. 通过 CLI 总览确认会写入什么、同步如何发生。
- 3. 先用一条已验证路径，再决定是否扩展到更多组件、路由或团队成员。
- 4. 在首次稳定落地后，把选定的 React 基线路径沉淀成团队默认做法。
安装后的下一步
安装路径明确后，再继续这些支持动作
flags
Use when you need to check feature flag states, compare channels, or debug why a feature behaves differently across release channels.
★ 244.2k
⑂ 0
extract-errors
The extract-errors skill helps developers manage React error messages by identifying new errors and keeping error codes current, enhancing overall frontend development efficiency.
★ 244.2k
⑂ 0
fix
代码修复技能是一种用于修复前端代码格式化和lint错误的AI智能体技能
★ 244.2k
⑂ 0
flow
Flow类型检查是React代码中的一项重要功能，能够帮助开发者识别类型错误并确保代码的准确性
★ 244.2k
⑂ 0
verify
验证技能是一种用于验证React代码的AI智能体技能
★ 244.2k
⑂ 0
feature-flags
The feature-flags skill enables conditional testing and debugging for React applications, benefiting developers by simplifying feature flag management and test automation.
★ 244.2k
⑂ 0
test
React 测试 AI 代理是一种用于运行 React 核心测试的工具
★ 244.2k
⑂ 0
update-docs
This skill should be used when the user asks to update documentation for my changes, check docs for this PR, what docs need updating, sync docs with code, scaffold docs for this feature, document this feature, review docs completeness, add docs for this change, what documentation is affected, docs impact, or mentions docs/, docs/01-app, docs/02-pages, MDX, documentation update, API reference, .mdx files. Provides guided workflow for updating Next.js documentation based on code changes.
★ 138.3k
⑂ 0
flags
The React Framework
★ 138.4k
⑂ 0
formax-skill-capture
Use when we want to turn a just-finished Formax workflow (e.g. commands, overlays, tools, hooks, permissions, UI parity) into a reusable Codex Skill under .codex/skills, including scaffolding, guardrails, and the minimum test checklist.
★ 5
⑂ 0
formax-repomix-handoff-workflow
Use when preparing a Formax code handoff: selecting files, generating repomix bundles, and writing a high-quality prompt for WebGPT or another coding agent with clear constraints and validation scope.
★ 0
⑂ 0
formax-script-output-placement-workflow
Use when adding or modifying generator scripts that write files; keeps generated artifacts out of docs/ and aligns script defaults with ownership paths plus CI gate updates.
★ 7
⑂ 0
best-practices
Apply modern web development best practices for security, compatibility, and code quality. Use when asked to apply best practices, security audit, modernize code, code quality review, or check for vulnerabilities.
★ 7
⑂ 0
upgrade-otel
[ 官方 ] Upgrade OpenTelemetry instrumentations across the Sentry JavaScript SDK. Use when bumping OTel instrumentation packages to their latest versions.
★ 8.6k
⑂ 0
release-funstack
A skill to make a GitHub release for the `@funstack/router` package. Use this skill when the user wants to release a new version of the package.
★ 43
⑂ 0
kieran-python-reviewer
Reviews Python code with an extremely high quality bar for Pythonic patterns, type safety, and maintainability. Use after implementing features, modifying code, or creating new Python modules.
★ 16.0k
⑂ 0
ankane-readme-writer
Creates or updates README files following Ankane-style template for Ruby gems. Use when writing gem documentation with imperative voice, concise prose, and standard section ordering.
★ 16.0k
⑂ 0
lfg
Full autonomous engineering workflow
★ 16.0k
⑂ 0
workflows-compound
[DEPRECATED] Use /ce:compound instead — renamed for clarity.
★ 16.0k
⑂ 0
commit
Generate descriptive commit messages by analyzing git diffs.
★ 2
⑂ 0
git-workflow
Git Workflow 是 AI エージェント的版本控制系统，用于管理代码变更
★ 1
⑂ 0
相邻权威合集
如果这一页接近你的目标，再沿着相邻权威页继续收口
不要回到泛化目录重新开始浏览。沿着这些相邻的高意图合集继续前进，能更快把比较范围收口到真正适合你团队的安装路径。
P1 collection
优先安装的 Next.js 工作流工具
这是面向 Next.js 团队的全栈工作流合集，帮助用户更快从评估进入安装与落地。
框架型精选合集比泛开发工具榜单更容易建立清晰的主题权威。
P1 collection
优先安装的 TypeScript 工作流工具
这是面向类型化开发的精选合集，帮助产品团队更快筛出 TypeScript 工作流工具并进入下一步。
TypeScript 意图足够强，值得用独立 authority 页承接，而不是继续放进混杂的语言榜单。
P2 collection
优先安装的 Community Skills
这是面向构建者的 community 精选合集，帮助用户找到可复用 skills，而不是回到无筛选的仓库浏览。
社区型需求只要经过明确筛选和落地逻辑，也能建立足够强的权威感。
P1 collection
顶级 Claude Code Skills
这是平台型合集，面向产品生态里最清晰的需求簇之一。
平台合集能让站点用更窄、更可信的主题意图恢复流量。
安装常见问题
先把这 3 个安装问题说明白
合集页的目标不是继续分流，而是帮助你先收口选择，再进入安装与验证。下面这 3 个问题就是整个承接链路的最小解释。
打开一个合集后，下一步应该做什么？
先用合集收口候选工具，再进入安装文档，不要继续无序打开更多仓库。这是最快进入真实安装与验证的路径。
如果我想先用低风险工具，应该从哪个合集开始？
优先从官方与可信工具合集开始。那里会先集中第一方和成熟生态工具，再让你扩展到更广的工作流组合。
合集里的技能能直接装到 Claude Code 或 Cursor 里吗？
可以。先从合集里选一个技能，再打开安装指南，执行 `npx killer-skills add owner/repo`。CLI 会为支持的 IDE 写入正确的原生格式。
补充承接路径
如果前两条还不够，再沿着这些补充路径继续收口
这些是当前合集的补充语义承接面，适合在你已经确认安装方向之后，再继续进入更细的比较、判断和场景执行。