ChrisWiles/claude-code-showcase

---

name: core-components

description: Core component library and design system patterns. Use when building UI, using design tokens, or working with the component library.

---

name: formik-patterns

description: Formik form handling with validation patterns. Use when building forms, implementing validation, or handling form submission.

---

name: graphql-schema

description: GraphQL queries, mutations, and code generation patterns. Use when creating GraphQL operations, working with Apollo Client, or generating types.

---

name: react-ui-patterns

description: Modern React UI patterns for loading states, error handling, and data fetching. Use when building UI components, handling async data, or managing UI states.

---

name: systematic-debugging

description: Four-phase debugging methodology with root cause analysis. Use when investigating bugs, fixing test failures, or troubleshooting unexpected behavior. Emphasizes NO FIXES WITHOUT ROOT CAUSE FIRST.

---

name: testing-patterns

description: Jest testing patterns, factory functions, mocking strategies, and TDD workflow. Use when writing unit tests, creating test factories, or following TDD red-green-refactor cycle.