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-practicesAlternatives
Compare similar skills by workflow fit, trust score, quality, GitHub adoption, maintenance, and install readiness.
Current skill
Behavior-preserving refactoring workflow that actively rewrites code for clarity — extracting overlong functions, flattening deep nesting, consolidating duplicated logic, AND removing over-engineered "just in case" abstractions — always gated on a passing test suite (or a characterization test written first) so behavior never changes. Use whenever the user wants code actually SIMPLIFIED or REFACTORED, not just reviewed: "sederhanakan kode ini", "refactor biar lebih rapi", "reduce complexity", "ini over-engineered". A read-only finding about the same issues (CQ-01/CQ-04/CQ-04b in `review-checklist.md`) is `code-review-edho-ferdian`'s job, not this skill's — see the scope table below for the exact boundary with that skill, `dead-code-cleanup-edho- ferdian`, and `build-fix-edho-ferdian`.
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-specA React Framework for building internal tools, admin panels, dashboards & B2B apps with unmatched flexibility.
$ npx skills add refinedev/refineThe 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 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/lighthouseCreate beautiful slides on the web using a coding agent's frontend skills
$ npx skills add zarazhangrui/frontend-slidesA 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 code-simplification-edho-ferdian 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.