AgentToolHub
Skill

react

react — a Claude Code skill from pproenca/dot-skills

Features

  • ✓Comprehensive debugging methodology
  • ✓Expo React Native performance optimization
  • ✓React feature-based architecture guidelines
  • ✓iOS 18+ SwiftUI experiences design
  • ✓API mocking best practices with MSW
  • ✓MUI Base UI style guidelines
  • ✓Next.js 16 App Router performance optimization
  • ✓Type-safe URL query state with nuqs
  • ✓Playwright testing for Next.js
  • ✓Python 3.11+ performance optimization
  • ✓Ruby on Rails performance and maintainability guidelines
  • ✓Ruby on Rails testing with RSpec
  • ✓React Hook Form performance optimization
  • ✓React 19 performance optimization for concurrent rendering
  • ✓Code refactoring based on Clean Code principles
  • ✓RESTful API design following Richardson Maturity Model
  • ✓Ruby performance optimization
  • ✓Ruby refactoring guidelines
  • ✓Rust code implementation best practices
  • ✓Rust refactoring and simplification
  • ✓Expert-level Rust testing
  • ✓shadcn/ui component library best practices
  • ✓Design and development of AI agent skills
  • ✓Explore more at [dot-skills](https://github.com/pproenca/dot-skills)

Installation Guide

Install skills using Vercel's add-skill CLI:

bash
# Install all skills
npx add-skill pproenca/dot-skills

# List available skills
npx add-skill pproenca/dot-skills --list

# Install a specific skill
npx add-skill pproenca/dot-skills --skill <skill-name>

# Install globally (across all projects)
npx add-skill pproenca/dot-skills --global

Supported Agents

Skills are installed to agent-specific directories:

| Agent | Installation Path |
|-------|------------------|
| Claude Code | .claude/skills/<name>/ |
| Cursor | .cursor/skills/<name>/ |
| Codex | .codex/skills/<name>/ |
| OpenCode | .opencode/skill/<name>/ |
| Antigravity | .agent/skills/<name>/ |

Reviews