Claude Skill
ChrisWiles/claude-code-showcase
A comprehensive example project demonstrating Claude Code configuration with hooks, skills, agents, commands, and GitHub Actions workflows for developers.
Overview
Repository
Install this Skill
git clone https://github.com/ChrisWiles/claude-code-showcase.gitRegistry
Summary
A comprehensive example project demonstrating Claude Code configuration with hooks, skills, agents, commands, and GitHub Actions workflows.
Key features
- Comprehensive Claude Code configuration
- Hooks and skills implementation
- Agents and commands setup
- GitHub Actions workflows
- JavaScript-based project structure
Use cases
- Learning Claude Code project setup
- Implementing custom skills and agents
- Automating workflows with GitHub Actions
- Developing Claude Code extensions
- Reference for configuration best practices
README excerpt
# Claude Code Project Configuration Showcase > Most software engineers are seriously sleeping on how good LLM agents are right now, especially something like Claude Code. Once you've got Claude Code set up, you can point it at your codebase, have it learn your conventions, pull in best practices, and refine everything until it's basically operating like a super-powered teammate. **The real unlock is building a solid set of reusable "[skills](#skills---domain-knowledge)" plus a few "[agents](#agents---specialized-assistants)" for the stuff you do all the time.** ### What This Looks Like in Practice **Custom UI Library?** We have a [skill that explains exactly how to use it](.claude/skills/core-components/SKILL.md). Same for [how we write tests](.claude/skills/testing-patterns/SKILL.md), [how we structure GraphQL](.claude/skills/graphql-schema/SKILL.md), and basically how we want everything done in our repo. So when Claude generates code, it already matches our patterns and standards out of the box. **Automated Quality Gates?** We use [hooks](.claude/settings.json) to auto-format code, run tests when test files change, type-check TypeScript, and even [block edits on the main branch](.claude/settings.md). Claude Code also created a bunch of ESLint automation, including custom rules and lint checks that catch issues before they hit review. **Deep Code Review?** We have a [code review agent](.claude/agents/code-reviewer.md) that Claude runs after changes are made. It follows a detailed checklist covering TypeScript strict mode, error handling, loading states, mutation patterns, and more. When a PR goes up, we have a [GitHub Action](.github/workflows/pr-claude-code-review.yml) that does a full PR review automatically. **Scheduled Maintenance?** We've got GitHub workflo
Topics
No topics yet.