# AgentTaste skill directory
> Browse skills by task. Upstream entries link to verified source revisions; AgentTaste entries contain authored instructions.

JSON catalog: https://agenttaste.dev/skills.json?category=development
Human directory: https://agenttaste.dev/skills?category=development

## How to choose and use a skill
Choose and install the appropriate skills in my current project, then use them to complete the task I describe next.
Read https://agenttaste.dev/skills.json?category=development.
Choose skills by their useWhen, inputs, prerequisites and expected outputs.
Read the full SKILL.md and any referenced upstream files before using a skill.
Explain the chosen skills and check that their prerequisites and access terms are met.
Use the installation instructions for the agent running this task.
Use the listed project installation command or the documented plugin setup. Inspect existing installed skills before modifying them, and keep companion rules and scripts together.
Do not invent packages, search metrics, credentials or compatibility. If a required tool is unavailable, say which prerequisite is missing.
Then apply the chosen skill to my task and verify the result against the project instructions.

## Engineering (development)
Architecture, TypeScript rules and React performance.

### Claude Code Clean Architecture (claude-code-clean-arch)
Prevents autonomous coding agents from dumping 800-line spaghetti files and mixing database calls directly into React components.

#### Use when
- Separate UI, business logic and persistence boundaries.

#### Required inputs
- Repository structure
- Feature requirements and data flow

#### Prerequisites
- Access to repository and its engineering instructions.

#### Expected outputs
- Architecture boundaries and modular implementation

Source: https://agenttaste.dev/skills/claude-code-clean-arch#instructions
Full SKILL.md: https://agenttaste.dev/skills/claude-code-clean-arch/SKILL.md
Access: Pro. Upstream provider usage may have separate costs.
Agents: Claude Code, Codex, Antigravity
Installation (Claude Code):
```text
curl --fail --show-error --location --create-dirs 'https://agenttaste.dev/skills/claude-code-clean-arch/SKILL.md' --output '.claude/skills/claude-code-clean-arch/SKILL.md'
```

### Cursor Rules Strict TypeScript Architect (cursor-rules-architect)
Prevents Cursor from taking lazy shortcuts: forbids type assertions (as any), enforces readonly properties on domain models, and guarantees zero unused imports.

#### Use when
- Enforce TypeScript and server-boundary rules across a project.

#### Required inputs
- TypeScript repository
- Framework and validation requirements

#### Prerequisites
- Access to the compiler and relevant project checks.

#### Expected outputs
- Reusable components and explicit input validation

Source: https://agenttaste.dev/skills/cursor-rules-architect#instructions
Full SKILL.md: https://agenttaste.dev/skills/cursor-rules-architect/SKILL.md
Access: Public. Upstream provider usage may have separate costs.
Agents: Cursor, Claude Code, Codex
Installation (Claude Code):
```text
curl --fail --show-error --location --create-dirs 'https://agenttaste.dev/skills/cursor-rules-architect/SKILL.md' --output '.claude/skills/cursor-rules-architect/SKILL.md'
```

### React best practices (vercel-react-best-practices)
Vercel Engineering’s React performance skill includes a companion rule collection. Install the package so the referenced rules remain available.

#### Use when
- Write, review or refactor React or Next.js code.
- Investigate unnecessary rendering or slow data loading.

#### Required inputs
- React or Next.js repository
- Performance symptoms or implementation task

#### Prerequisites
- React or Next.js project.
- Install the complete upstream skill directory, including its rules.

#### Expected outputs
- Prioritized performance changes
- Validation against the relevant rules

Source: https://github.com/vercel-labs/agent-skills/blob/063bee94c3f4df8453406c830b0a7df0f2860278/skills/react-best-practices/SKILL.md
Full SKILL.md: https://agenttaste.dev/skills/vercel-react-best-practices/SKILL.md
Access: Public. Upstream provider usage may have separate costs.
Agents: Claude Code, Cursor, Codex, Antigravity
Installation (Claude Code):
```text
npx skills add https://github.com/vercel-labs/agent-skills/tree/063bee94c3f4df8453406c830b0a7df0f2860278/skills/react-best-practices --skill vercel-react-best-practices --agent claude-code
```