#1
React and Next.js performance guidance for writing, reviewing, and refactoring production UI code.
31K starsAug 28, 2026 pushcoding-agentsCodexClaude Code
$ npx skills add vercel-labs/agent-skills --skill vercel-react-best-practicesAlternatives
Compare similar skills by workflow fit, trust score, quality, GitHub adoption, maintenance, and install readiness.
Current skill
带用户精读一篇文章/文档并真正学透（不是出摘要）。五步：抽干货 → 切讲次 → 每讲跑「学-考-讲」循环 → 对号入座 → 实操+测验+讲错题+蒸馏。每讲产出 HTML 课件 + 笔记落盘；讲完必考一次，用户复述后必须挑不精确处拧紧；抽象概念上可交互演示（能点能跑）；全程用用户自己的业务场景当案例；学完出多题型自动判分测验卷，最后把收获蒸馏回用户的工具。核心触发条件是用户要的是"学会"而不是"要一份结果"，例如"我们一起学这篇文章/这个链接"、"带我学"、"精读"、"我想学会 X"、"这篇我看不懂你给我讲讲"。有具体材料（链接、本地文件、PDF，或用户自己的 skill/文档/代码）时直接开跑；只有学习意图而没材料时仍走本 skill，但开工第一件事是和用户一起把材料定下来，禁止凭记忆开讲。不适用于：只要一份总结/摘要/教程长文，用户读完就完、不需要答题（用 readable-output）、只是搜集资料做调研（使用可用的网页/平台取材工具）、帮我写 PRD/测试用例（用 prd-test-writer）、以及用户其实是想让你直接把活干了（那就直接做）。
React and Next.js performance guidance for writing, reviewing, and refactoring production UI code.
$ npx skills add vercel-labs/agent-skills --skill vercel-react-best-practicesReview a branch or diff against repository standards and the originating spec in two independent analysis passes.
$ npx skills add mattpocock/skills --skill code-reviewBreak a plan, spec, or conversation into independently actionable tracer-bullet tickets with explicit blocking relationships.
$ npx skills add mattpocock/skills --skill to-ticketsImplement work from an approved spec or ticket set, run focused and full tests, invoke code review, and commit the result to the current branch.
$ npx skills add mattpocock/skills --skill implementA relentless interview that pressure-tests a plan against the codebase, sharpens domain language, and updates CONTEXT.md and ADRs when decisions become durable.
$ npx skills add mattpocock/skills --skill grill-with-docsTurn the current conversation and codebase context into a structured implementation spec, then publish it to the configured project issue tracker.
$ npx skills add mattpocock/skills --skill to-specThe open source coding agent.
$ npx skills add anomalyco/opencodePlatform to build admin panels, internal tools, and dashboards. Integrates with 25+ databases and any API.
$ npx skills add appsmithorg/appsmithA React Framework for building internal tools, admin panels, dashboards & B2B apps with unmatched flexibility.
$ npx skills add refinedev/refineA lightweight coding agent for open models like Deepseek, Kimi, and Qwen
$ npx skills add openinterpreter/openinterpreterOpensource IDE For Exploring and Testing API's (lightweight alternative to Postman/Insomnia)
$ npx skills add usebruno/brunoCollection of handy online tools for developers, with great UX.
$ npx skills add CorentinTh/it-toolsAutomated auditing, performance metrics, and best practices for the web.
$ npx skills add GoogleChrome/lighthouseCreate beautiful slides on the web using a coding agent's frontend skills
$ npx skills add zarazhangrui/frontend-slidesJavaScript API for Chrome and Firefox
$ npx skills add puppeteer/puppeteerA modern file manager that helps users organize their files and folders.
$ npx skills add files-community/FilesHow to choose
Use an alternative when it has a clearer install path, higher trust score, fresher maintenance, or better platform fit for your current agent stack. Keep article-study if it already passes your workflow test and repository review.
Next step
Open the compare page, test the install commands in a sandbox, and check each repository before using a skill in production.