Skip to main content
ClaudeWave
ChrisWiles avatar
ChrisWiles

claude-code-showcase

View on GitHub

Comprehensive Claude Code project configuration example with hooks, skills, agents, commands, and GitHub Actions workflows

Tools6k stars564 forksJavaScriptUpdated 6mo ago
Editor's note

This repository is a reference configuration showcase for Claude Code, demonstrating how to structure a production-grade project that gets consistent, convention-aware output from the agent. It organizes everything under a `.claude/` directory containing skills (reusable domain knowledge documents covering testing patterns, GraphQL schema conventions, and custom UI components), specialized agents (including a code reviewer that checks TypeScript strict mode, error handling, and mutation patterns), and slash commands like `/ticket` and `/onboard`. Hooks defined in `settings.json` auto-format code, run type-checks, execute tests on file changes, and block edits to the main branch. A skill evaluation system analyzes each prompt against keyword and file-path patterns to suggest relevant skills automatically. Four GitHub Actions workflows handle automated PR review, monthly documentation synchronization, weekly directory-level quality fixes, and biweekly dependency audits. MCP server integration via `.mcp.json` connects Claude Code to JIRA or Linear, allowing it to read tickets, implement features, update statuses, and file new bug tickets within a single workflow. The showcase targets engineering teams looking to standardize how Claude Code operates across a shared codebase.

ClaudeWave Trust Score
62/100
· OK
Passed
  • Healthy fork ratio
  • Clear description
  • Documented (README)
Flags
  • !No standard license detected
Last scanned: 6/11/2026
Get started
Method: Clone
Terminal
git clone https://github.com/ChrisWiles/claude-code-showcase
1. Clone the repository.
2. Follow the README for installation and usage instructions.

13 items in this repository

MUST BE USED PROACTIVELY after writing or modifying any code. Reviews against project standards, TypeScript strict mode, and coding conventions. Checks for anti-patterns, security issues, and performance problems.

Install

Git workflow agent for commits, branches, and PRs. Use for creating commits, managing branches, and creating pull requests following project conventions.

Install
code-qualitySlash Command

Run code quality checks on a directory

Install
docs-syncSlash Command

Check if documentation is in sync with code

Install
pr-reviewSlash Command

Review a pull request using project standards

Install
pr-summarySlash Command

Generate a summary for the current branch changes

Install
ticketSlash Command

Work on a JIRA/Linear ticket end-to-end

Install

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

Install

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

Install

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

Install

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

Install

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.

Install

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.

Install
Use cases

Tools overview

README preview not available. Visit the repo on GitHub for full documentation.

What people ask about claude-code-showcase

What is ChrisWiles/claude-code-showcase?

+

ChrisWiles/claude-code-showcase is tools for the Claude AI ecosystem. Comprehensive Claude Code project configuration example with hooks, skills, agents, commands, and GitHub Actions workflows It has 6k GitHub stars and was last updated 6mo ago.

How do I install claude-code-showcase?

+

You can install claude-code-showcase by cloning the repository (https://github.com/ChrisWiles/claude-code-showcase) or following the README instructions on GitHub. ClaudeWave also provides quick install blocks on this page.

Is ChrisWiles/claude-code-showcase safe to use?

+

Our security agent has analyzed ChrisWiles/claude-code-showcase and assigned a Trust Score of 62/100 (tier: OK). See the full breakdown of passed checks and flags on this page.

Who maintains ChrisWiles/claude-code-showcase?

+

ChrisWiles/claude-code-showcase is maintained by ChrisWiles. The last recorded GitHub activity is from 6mo ago, with 13 open issues.

Are there alternatives to claude-code-showcase?

+

Yes. On ClaudeWave you can browse similar tools at /categories/tools, sorted by popularity or recent activity.

Deploy claude-code-showcase to your cloud

Ship this repo to production in minutes. Each platform spins up its own environment with editable env vars.

Maintain this repo? Add a badge to your README

Drop the badge into your GitHub README to show it's tracked on ClaudeWave. Each badge links back to this page and reflects the live Trust Score.

Featured on ClaudeWave: ChrisWiles/claude-code-showcase
[![Featured on ClaudeWave](https://claudewave.com/api/badge/chriswiles-claude-code-showcase)](https://claudewave.com/repo/chriswiles-claude-code-showcase)
<a href="https://claudewave.com/repo/chriswiles-claude-code-showcase"><img src="https://claudewave.com/api/badge/chriswiles-claude-code-showcase" alt="Featured on ClaudeWave: ChrisWiles/claude-code-showcase" width="320" height="64" /></a>

More Tools