AgentToolHub
Skill

react-principle-engineer

react-principle-engineer — 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 experience 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
  • ✓Ruby on Rails testing with RSpec
  • ✓React Hook Form performance optimization
  • ✓React 19 performance optimization guidelines
  • ✓Code refactoring best practices
  • ✓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
  • ✓Skill authoring and development
  • ✓Visit the GitHub repo for more 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