# cc-skill-coding-standards

A skill that hands Claude a fixed set of rules for TypeScript, JavaScript, React and Node.js work: naming, immutability, errors, API shape.

- skill · `type=skill` · Claude Code · 66 installs
- Author: affaan-m
- License: not stated · policy=link-only · description only; the file stays with the author
- Source: https://github.com/davila7/claude-code-templates/tree/HEAD/cli-tool/components/skills/development/cc-skill-coding-standards
- Updated: 2026-10-24
- HTML: https://affpapa.org/en/nevibecode/skills/cc-skill-coding-standards

## What it does

Install the skill and Claude picks up a written rulebook for the code it writes and edits. The document covers code quality (readability, KISS, DRY, YAGNI), TypeScript and JavaScript conventions, React patterns, REST API design and project layout.

What the rules actually say: name variables and functions so the intent is obvious, update objects and arrays with spread instead of mutating them, run independent async calls together with `Promise.all`, keep every API reply in one `ApiResponse<T>` shape, validate request bodies with a `zod` schema. On the React side you get typed props, custom hooks such as `useDebounce`, and state updates that read the previous value.

The skill is framework-agnostic and carries no project config. Teams that already run their own linter and naming rules will find the two sets disagreeing, so decide which one wins before you wire it in.

## Install

### Claude Code (native platform)

1. **claude-code-templates**
```bash
npx claude-code-templates@latest --skill development/cc-skill-coding-standards
```

2. **Skills CLI (Vercel)**
```bash
npx skills add davila7/claude-code-templates --skill cc-skill-coding-standards -a claude-code
```

3. **Manually: put the files in place**
- File: `~/.claude/skills/cc-skill-coding-standards/SKILL.md` — Copy the whole skill folder; for one project use .claude/skills/cc-skill-coding-standards/

### Codex

**Manually: put the files in place**
- File: `.agents/skills/cc-skill-coding-standards/SKILL.md` — For all projects use ~/.agents/skills/

### Cursor

**Manually: put the files in place**
- File: `.cursor/skills/cc-skill-coding-standards/SKILL.md` — Cursor also reads .agents/skills/ and .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install davila7/claude-code-templates cc-skill-coding-standards
```

2. **Manually: put the files in place**
- File: `.github/skills/cc-skill-coding-standards/SKILL.md`

### Gemini CLI

**Platform CLI**
```bash
gemini skills install https://github.com/davila7/claude-code-templates --path cli-tool/components/skills/development/cc-skill-coding-standards
```

### Windsurf (Devin Desktop)

**Manually: put the files in place**
- File: `.devin/skills/cc-skill-coding-standards/SKILL.md` — The legacy .windsurf/skills/ path still works

### Claude.ai

**Claude.ai**
- Zip the folder and upload it in Settings → Capabilities → Skills

Where a file is given instead of a command, copy the files from the source to that path: https://github.com/davila7/claude-code-templates/tree/HEAD/cli-tool/components/skills/development/cc-skill-coding-standards

## When to use it
- settle naming for variables and functions in a new module
- strip direct mutations of objects and arrays
- give every API response the same structure
- validate incoming request bodies against a schema
- pull repeated logic into a custom hook

## Example prompts
- Rewrite this module to follow the skill's standards — no mutations, clearer names
- Check the error handling in `fetchData` against the skill rules
- Lay out the components and hooks the way the skill describes

## Similar
- [migrate-to-shoehorn](https://affpapa.org/en/nevibecode/skills/migrate-to-shoehorn.md) — skill · 475388 installs
- [write-swift](https://affpapa.org/en/nevibecode/skills/write-swift.md) — skill · 119300 installs
- [megacave](https://affpapa.org/en/nevibecode/skills/megacave.md) — skill · 25400 installs
- [find-docs](https://affpapa.org/en/nevibecode/skills/find-docs.md) — skill · 9400 installs
- [typescript-advanced-types](https://affpapa.org/en/nevibecode/skills/typescript-advanced-types.md) — skill · 92169 installs
- [smart-explore](https://affpapa.org/en/nevibecode/skills/smart-explore.md) — skill · 7300 installs

From the same set: [davila7/claude-code-templates](https://affpapa.org/en/nevibecode/by/davila7/claude-code-templates.md) — 361 cards

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md