Repository
ChrisWiles/claude-code-showcase agent skills
- skills
- 6
- GitHub stars
- 6.1k
GitHub description: “Comprehensive Claude Code project configuration example with hooks, skills, agents, commands, and GitHub Actions workflows”
- Stars
- 6,072 (575 forks)
- Licence
- No licence
- Last push
- Jan 2026
- Created
- Jan 2026
Install all skills
npx skills add ChrisWiles/claude-code-showcaseAdd --skill <name> for a single skill and -a <agent> to choose the agent (see the agent guides).
Skills in ChrisWiles/claude-code-showcase, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 1 | Reference for building UI with a token-based core component library: spacing, color and typography tokens, Box, stacks, Text, Button, Input and Card, plus layout patterns. | ChrisWiles/ | 6.1k | 7 repos | ~1.2k | Automated safety check: Pass | No licence | 9 mo ago |
| 2 | Sets patterns for React interfaces: when to show loading spinners or skeletons, how to surface errors, how to disable buttons during async work and how to handle empty lists. | ChrisWiles/ | 6.1k | 7 repos | ~1.6k | Automated safety check: Pass | No licence | 9 mo ago |
| 3 | Jest patterns for React Native style tests: TDD discipline, mock factory functions, module and GraphQL hook mocking, custom render helpers and anti-patterns to avoid. | ChrisWiles/ | 6.1k | 7 repos | ~1.5k | Automated safety check: Pass | No licence | 9 mo ago |
| 4 | Shows how to build forms with Formik and Yup validation, including conditional rules, field helpers, GraphQL submission, edit forms and multi-step flows. | ChrisWiles/ | 6.1k | 3 repos | ~2.1k | Automated safety check: Pass | No licence | 9 mo ago |
| 5 | Sets the rules for writing GraphQL queries and mutations in .gql files, running codegen, and using generated Apollo hooks with proper error and loading handling. | ChrisWiles/ | 6.1k | 3 repos | ~1.5k | Automated safety check: Pass | No licence | 9 mo ago |
| 6 | Applies a four-phase debugging routine that finds the root cause of a bug or failing test before any fix is written. | ChrisWiles/ | 6.1k | 3 repos | ~1.2k | Automated safety check: Pass | No licence | 9 mo ago |
Questions, answered from the data.
What is the best skill in ChrisWiles/claude-code-showcase?
Core Component Library Patterns from ChrisWiles/claude-code-showcase ranks first of the 6 skills in ChrisWiles/claude-code-showcase listed here, with the highest score: its repository has 6.1k GitHub stars, 7 other GitHub owners carry a copy, its SKILL.md loads about 1.2k tokens and it passes the automated safety check with no findings. Next come React UI State Patterns and Jest Testing Patterns.
Are the skills in ChrisWiles/claude-code-showcase official?
None yet. All 6 skills in ChrisWiles/claude-code-showcase listed here come from community repositories; a skill counts as official when the product's own GitHub organization publishes it.
How do I install all skills from ChrisWiles/claude-code-showcase?
Run npx skills add ChrisWiles/claude-code-showcase in your project: the open-source skills CLI installs the repository's skills into your coding agent's skills folder. To install a single skill, open its page here for the exact command.
How are these skills ranked?
By Skill Navigator score, which combines the GitHub stars of the skill's repository (shared across that repo's skills and discounted for large collections), how many other GitHub owners carry a copy of the skill, and automated SKILL.md quality checks, minus penalties for safety-check warnings and for each further skill from the same repository. Skills that fail the safety check are not listed.