🎯

react-ui-patterns

🎯Skill

from chriswiles/claude-code-showcase

What it does

A showcase of Claude Code project configurations featuring reusable skills for UI components, testing patterns, and GraphQL, plus automated quality gates via hooks and scheduled code review agents.

📦

Same repository

chriswiles/claude-code-showcase(6 items)

react-ui-patterns

Installation

Vibe Index InstallInstalls to .claude/skills/

npx vibeindex add chriswiles/claude-code-showcase --skill react-ui-patterns

skills.sh Install⚠ Installs to .agents/skills/

npx skills add chriswiles/claude-code-showcase --skill react-ui-patterns

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/react-ui-patterns/SKILL.md

SKILL.md

64Installs

AddedFeb 6, 2026

View on GitHub Back to Skills

More from this repository5

🎯

systematic-debugging🎯Skill

A Claude Code skill that enforces a four-phase debugging methodology: root cause investigation, hypothesis formation, targeted fix, and verification. Emphasizes never applying patches without understanding the underlying problem first.

🎯

formik-patterns🎯Skill

Implements Formik form handling patterns with Yup validation for building React forms with robust schema validation and error handling.

🎯

testing-patterns🎯Skill

A showcase of Claude Code project configuration demonstrating reusable skills, automated quality gates with hooks, AI-powered code review agents, and scheduled maintenance workflows for production codebases.

🎯

core-components🎯Skill

A Claude Code skill for design system and UI component patterns, part of a project configuration showcase demonstrating skills, agents, hooks, and automated quality gates for team development workflows.

🎯

graphql-schema🎯Skill

A showcase of Claude Code project configuration featuring reusable skills for code conventions (GraphQL schemas, testing patterns, component libraries), automated quality gates with hooks, and specialized agents for code review and scheduled maintenance.