Skill · React

react-patterns

Reactmcpdirectory↓ 11

Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.

Install
$ npx skills add davila7/claude-code-templates --skill react-patterns

Generic steps — the original listing is authoritative. Copy the command, run it where you keep agent skills, then confirm version and requirements in the original listing.

At a glance

  • Modern React patterns and principles.
  • 11 installs reported on mcpdirectory.
  • Published by davila7 — listed by mcpdirectory. Setup details live in the original listing.

Capabilities

TypeScript

Auto-detected from the listing text — confirm in the original listing.

How to use

  1. Copy the Install command above.
  2. Run it where you keep agent skills.
  3. Confirm version and requirements in the original listing.

More in React

  • autonomous-agents — Autonomous agents are AI systems that can independently decompose goals, plan actions, execute tools, and self
  • expo-app-design — Build beautiful cross-platform mobile apps with Expo Router, NativeWind, and React Native.
  • frontend-testing — Generate Vitest + React Testing Library tests for Dify frontend components, hooks, and utilities. Triggers on
  • dashboard — Create interactive analytics dashboards with React components from drizzle-cube/client. Use when building dash
  • tiptap — Build rich text editors with Tiptap - headless editor framework with React and Tailwind v4.
  • vercel-react-best-practices — Prioritized React performance rules for waterfalls, bundle size, and re-renders

More from davila7

  • software-architecture — Guide for quality focused software architecture. This skill should be used when users want to write code, desi
  • planning-with-files — Implements Manus-style file-based planning for complex tasks. Creates task_plan.md, findings.md, and progress.
  • telegram-bot-builder — Expert in building Telegram bots that solve real problems - from simple automation to complex AI-powered bots.
  • scientific-brainstorming — Research ideation partner. Generate hypotheses, explore interdisciplinary connections, challenge assumptions,

← Back to Skills catalog · View original listing ↗

Outdated or wrong? Report this listing.