# Tools

> Every listed resource, editors’ picks first. The filters below can be combined.

- Search: append `?q=<keywords>` to the URL. Separate several keywords with spaces; all of them must match. Matches name, repository, tags, professions, description and README.
- Filter by type: append `?type=<cli|skill|plugin|mcp>` to the URL.
- Filter by profession: append `?profession=<profession id>` to the URL. Separate several ids with commas; a resource matches when it suits any of them. Ids are listed at https://hebbmind.com/api/v1/professions
- Filter by tag: append `?tag=<tag>` to the URL. Separate several tags with commas; a resource must carry all of them. Tags are listed at https://hebbmind.com/api/v1/tags

Tagged `react`, `code-quality`: 6 items.

- [Migrate Radix to Base UI](https://hebbmind.com/de/skill/migrate-radix-to-base.md): [Skill] Migrates React projects and shadcn components from Radix UI to Base UI, one component at a time or the whole project on request. Prefers the shadcn CLI's base variants merged with user customizations, typechecks every step, and writes a per-component report in .migration/. From the shadcn/ui repo.
- [Vercel React Best Practices](https://hebbmind.com/de/skill/react-best-practices.md): [Skill] React and Next.js performance rules from Vercel's engineering team: 70 rules ranked by impact covering request waterfalls, bundle size, server performance and re-renders, for writing, reviewing and refactoring. Maintained by Vercel.
- [React Composition Patterns](https://hebbmind.com/de/skill/composition-patterns.md): [Skill] Vercel's guide to React composition patterns: replaces boolean prop sprawl with compound components, lifted state and clean Context interfaces, including React 19 API changes. Useful for refactoring component libraries and reviewing component architecture.
- [React Doctor](https://hebbmind.com/de/skill/react-doctor.md): [Skill] Runs React Doctor via npx to scan React code for security, performance, correctness, accessibility and architecture issues with a 0-100 health score; checks changed code for regressions, and on /doctor fetches the official triage playbook to fix issues.
- [Improve React](https://hebbmind.com/de/skill/improve-react.md): [Skill] Audits a whole React codebase read-only: runs a React Doctor scan as evidence, vets findings across bugs, performance, accessibility, security and maintainability, ranks them by leverage, then writes self-contained plans other agents can execute. Never edits source.
- [Narrow React Prop Types](https://hebbmind.com/de/skill/narrow-react-prop-types.md): [Skill] Narrows React component prop types to match live call sites rather than widened story, mock or test contracts: classifies each prop as required, optional or removed from non-test usage, derives types from real APIs, and updates stories and tests to fit.