#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
胥克谦式AI-Native产品开发方法论。适用于：(1) 使用AI Agent（Claude Code、Codex、Cursor等）进行产品级软件开发，(2) 设计和优化Harness/Skill体系，(3) 文档驱动开发(SDD)流程，(4) 构建自动化质量门禁和eval机制，(5) Token成本优化与缓存策略，(6) 产品人转型开发者的AI编程实践。触发场景包括"帮我设计开发流程"、"怎么降低token成本"、"怎么提高AI编码质量"、"文档驱动"、"质量门禁"、"harness设计"、"单agent vs multi-agent"、"自动化迭代"、"AI产品开发"、"SDD"、"eval机制"等。即使用户只是说"帮我用AI写代码"或"怎么让agent干活更靠谱"也应触发。注意：如果产品是行为开放、用户输入不可穷举的AI-native类型，请改用 xuefeng-method skill。不用于：单个bug修复或小改动（无需方法论）、PRD需求文档写作（用product-manager）。
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/refineCreate beautiful slides on the web using a coding agent's frontend skills
$ npx skills add zarazhangrui/frontend-slidesA 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-toolsLightning-fast and Powerful Code Editor written in Rust
$ npx skills add lapce/lapceAutomated auditing, performance metrics, and best practices for the web.
$ npx skills add GoogleChrome/lighthouseA 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 keqian-method 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.