claude-code-config

My personal Claude Code configuration - rules, hooks, agents, skills, and commands

Works with

Claude

View on GitHub

1.1k GitHub stars (1,063)

Stars gained per day · daily snapshots since Sep 26

Stars gained between daily snapshots
Period	New stars
Sep 27	0
Sep 28	0
Sep 29	−1
Sep 30	+1
Oct 1	0
Oct 2	0
Oct 3	−1
Oct 4	0
Oct 5	0
Oct 6	+1
Oct 7	0
Oct 8	0
Oct 9	0
Oct 10	+1
Oct 11	0
Oct 12	0
Oct 13	0
Oct 14	−1
Oct 15	0
Oct 16	0

5 skills (5 skills found in its SKILL.md files)
121 forks (121 forks)
8mo ago last update (Last updated 8mo ago)

Install

Skills CLI

npx skills add jarrodwatts/claude-code-config

Asks which skills and agents to install. Just one: npx skills add jarrodwatts/claude-code-config --skill planning-with-files — add -g for every project.

Claude Code

git clone https://github.com/jarrodwatts/claude-code-configcp -r "claude-code-config/skills/planning-with-files" ~/.claude/skills/

Copies the planning-with-files skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.

Plugin

/plugin marketplace add jarrodwatts/claude-code-config

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.

planning-with-files

Transforms workflow to use Manus-style persistent markdown files for planning, progress tracking, and knowledge storage. Use when starting complex tasks, multi-step projects, research tasks, or when the user mentions planning, organizing work, tracking progress, or wants structured output.
skills/planning-with-files/SKILL.md on GitHub (opens in a new tab)
react-useeffect

React useEffect best practices from official docs. Use when writing/reviewing useEffect, useState for derived values, data fetching, or state synchronization. Teaches when NOT to use Effect and better alternatives.
skills/react-useeffect/SKILL.md on GitHub (opens in a new tab)
rigorous-coding

Apply rigorous coding standards. Use when writing, implementing, or reviewing code.
skills/rigorous-coding/SKILL.md on GitHub (opens in a new tab)
vercel-react-best-practices

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
skills/vercel-react-best-practices/SKILL.md on GitHub (opens in a new tab)
web-design-guidelines

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
skills/web-design-guidelines/SKILL.md on GitHub (opens in a new tab)

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.

Encoders & Decoders

Hash Generators

Code Formatters

HTML Tools

JavaScript Tools

Network Tools

Database Tools

Development Tools

Miscellaneous Tools

claude-code-config