Updated 9mo ago
by ChrisWiles
claude-code-showcase
Comprehensive Claude Code project configuration example with hooks, skills, agents, commands, and GitHub Actions workflows
6.1k GitHub stars (6,070)
| Period | New stars |
|---|---|
| Sep 28 | 0 |
| Sep 29 | 0 |
| Sep 30 | 0 |
| Oct 1 | 0 |
| Oct 2 | 0 |
| Oct 3 | 0 |
| Oct 4 | 0 |
| Oct 5 | 0 |
| Oct 6 | −1 |
| Oct 7 | +1 |
| Oct 8 | −1 |
| Oct 9 | 0 |
| Oct 10 | −1 |
| Oct 11 | −1 |
| Oct 12 | +2 |
| Oct 13 | −1 |
| Oct 14 | +1 |
| Oct 15 | −1 |
| Oct 16 | 0 |
- 6 skills (6 skills found in its SKILL.md files)
- 576 forks (576 forks)
- 9mo ago last update (Last updated 9mo ago)
Install
Skills CLI
npx skills add ChrisWiles/claude-code-showcase
Asks which skills and agents to install. Just one: npx skills add ChrisWiles/claude-code-showcase --skill core-components — add -g for every project.
Claude Code
git clone https://github.com/ChrisWiles/claude-code-showcasecp -r "claude-code-showcase/.claude/skills/core-components" ~/.claude/skills/
Copies the core-components skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.
Plugin
/plugin marketplace add ChrisWiles/claude-code-showcase
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md.
-
core-components
Core component library and design system patterns. Use when building UI, using design tokens, or working with the component library.
.claude/skills/core-components/SKILL.md on GitHub (opens in a new tab) -
formik-patterns
Formik form handling with validation patterns. Use when building forms, implementing validation, or handling form submission.
.claude/skills/formik-patterns/SKILL.md on GitHub (opens in a new tab) -
graphql-schema
GraphQL queries, mutations, and code generation patterns. Use when creating GraphQL operations, working with Apollo Client, or generating types.
.claude/skills/graphql-schema/SKILL.md on GitHub (opens in a new tab) -
react-ui-patterns
Modern React UI patterns for loading states, error handling, and data fetching. Use when building UI components, handling async data, or managing UI states.
.claude/skills/react-ui-patterns/SKILL.md on GitHub (opens in a new tab) -
systematic-debugging
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.
.claude/skills/systematic-debugging/SKILL.md on GitHub (opens in a new tab) -
testing-patterns
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.
.claude/skills/testing-patterns/SKILL.md on GitHub (opens in a new tab)
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.
Similar skills
-
ECCby affaan-m The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Cod…
-
reaby morluto Reverse engineer anything with agents, from app behavior down to native binaries.
-
andrej-karpathy-skillsby multica-ai A single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy's observations on LLM coding pitfalls.
-
ponytailby DietrichGebert Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
-
ui-ux-pro-max-skillby nextlevelbuilder An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
-
graphifyby Graphify-Labs Turn any codebase, with its docs, SQL schemas, configs, and PDFs, into a queryable knowledge graph. A /graphify skill for Claude Code, Curs…