Skip to content

AgentTaste / Skill directory

Find the skill for your next task.

Browse frontend UI, SEO, keyword research, payments and more. Check sources, prerequisites and agent-specific installation, or let your agent read the catalog.

skills
27
Categories
7
Agents
4

Let your agent find the skill.

Copy the prompt, add your task, and let your agent choose skills, check prerequisites and follow the installation guide.

Read the handoff prompt
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.
3 / 27 skills

Engineering3

Architecture, TypeScript rules and React performance.

AgentTastePro

Claude Code Clean Architecture

Enforce strict separation between database, business logic, and UI in autonomous sessions.

Claude Code · Codex · Antigravity

Preview instructions

AgentTaste instructions

---
name: claude-code-clean-arch
description: "Prevents autonomous coding agents from dumping 800-line spaghetti files and mixing database calls directly into React components."
---

# SKILL: Claude Code Clean Architecture
## Architectural Constraints
1. Components must not contain business logic or raw database operations.
2. Delegate data mutations to explicit server functions or domain services.
3. Every API endpoint and server function must be schema-validated with Zod.
4. File size limit: Split any file exceeding 250 lines into atomic modules.
SKILL.md
AgentTasteFree

Cursor Rules Strict TypeScript Architect

Zero any types, atomic component modularity, and strict server-boundary validation.

Cursor · Claude Code · Codex

Preview instructions

AgentTaste instructions

---
name: cursor-rules-architect
description: "Prevents Cursor from taking lazy shortcuts: forbids type assertions (as any), enforces readonly properties on domain models, and guarantees zero unused imports."
---

# SKILL: Cursor Rules Strict TypeScript Architect
## TypeScript Governance
1. The type "any" is strictly prohibited. If a type is uncertain, use unknown and narrow it via type guards or Zod schemas.
2. Exported functions must declare explicit return types.
3. Every component must be placed in its own dedicated file under 200 lines of code.
4. Server functions must never import browser-only dependencies.
SKILL.md
VercelPublic source

React best practices

Review React and Next.js code for rendering, data fetching and bundle performance.

Claude Code · Cursor · Codex · Antigravity

Preview instructions

Selection brief

# 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
SKILL.mdSource ↗