claude

react-development

React/Next.js development toolkit with performance review skills and MCP server integrations

19 on GitHubby thoughtbotMITupdated 30 days agodevelopment
/

Plugin react-development from marketplace skills in thoughtbot/skills. Commands read from the repo's manifest — 19 days ago.

This plugin runs code on your machine — it starts local MCP servers. The exact commands are listed below; read them before installing.

What it installs

Skills (3)

  • design-to-component

    Convert Figma designs into production-ready React components. Uses the Figma MCP to extract design specs, variants, design tokens, and layout — then scaffolds typed TypeScript components with proper prop interfaces. Triggers when a user shares a Figma URL or node ID and asks to implement, build, or

  • onboard

    Deep project onboarding that deploys a team of specialized agents to explore any codebase and generate comprehensive, didactic markdown documentation with Mermaid diagrams. Use this skill whenever starting work on an unfamiliar project, joining a new team, needing to understand a codebase before a r

  • review-react

    React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization,

MCP servers (4)

  • context7

    runs: npx -y @upstash/context7-mcp

  • figma

    connects to: https://mcp.figma.com/mcp

  • chrome-devtools

    runs: npx -y chrome-devtools-mcp@latest

  • supabase

    connects to: https://mcp.supabase.com/mcp

View source on GitHub

More from thoughtbot/skills

All 10 plugins →

rails-consultant

claude

A collection of skills for Rails development and consulting, with an emphasis on learning, communication, and client success

12 skills

19

atomic-commits

claude

Guides agents to commit early and often in atomic increments, separate feature/refactor/cleanup work, and keep pull requests around ~200 lines

1 skill · hooks

19

general

claude

Catch-all plugin for thoughtbot skills that don't need a domain-specific plugin

2 skills

19

clean-rspec-output

claude

Systematically eliminates unexpected output from a Ruby on Rails RSpec test suite

1 skill

19

Similar plugins

superpowers

claudecodex

Core skills library for Claude Code: TDD, debugging, collaboration patterns, and proven techniques

15 skills · hooks

obra/superpowers 316,836

nextjs

claude

Official Next.js skills: adopt and optimize Cache Components, adopt Partial Prefetching, and verify runtime behavior against a running dev server.

6 skills

vercel/next.js 143,495

claude-mem

claudecodex

Persistent memory for Claude Code: the next session starts where the last one left off.

29 skills · 1 MCP server · hooks

thedotmack/claude-mem 116,618

Taste Skill

claudecodex

tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.

1 skill

Leonxlnx/taste-skill 114,391

context7

claudecodex

Up-to-date documentation lookup. Pull version-specific documentation and code examples directly from source repositories into your coding agent's context.

1 MCP server

upstash/context7 64,709

cli-anything

claude

Build powerful, stateful CLI interfaces for any GUI application using the cli-anything harness methodology.

5 commands

HKUDS/CLI-Anything 58,665

Maintain react-development?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins10 plugins