Agent Skills for Coding Work

Use a focused instruction when the task is to change code: write a test, investigate a failure, improve a React implementation, or refactor without changing behavior.

Coding Skills guide decisions inside an existing codebase. They do not supply a runtime, a repository, or permission to edit production systems. Read each source for its assumptions before applying it.

Selected Skills and Original Sources

Vercel React Best Practices

Review React and Next.js code against prioritized rules for data fetching, bundle size, rendering, and runtime performance.

Read Local Guide →Publisher: Vercel Labs

Vercel React Native Skills

Apply React Native guidance for mobile lists, gestures, images, and safe areas when building or reviewing native interfaces.

Read Local Guide →Publisher: Vercel Labs

TDD

Build features and fixes through agreed public interfaces and small failing-test-to-implementation cycles.

Read Local Guide →Publisher: Matt Pocock

Diagnosing Bugs

Diagnose difficult bugs through a reproducible signal, minimized case, and verified correction.

Read Local Guide →Publisher: Matt Pocock

Investigate First

Asks for evidence-ranked hypotheses when a failure is ambiguous, intermittent, or performance-related, before any edit.

Publisher: Julius Brussee

Safe Refactor

Structures code extraction, consolidation, or cleanup around verification that existing behavior remains intact.

Publisher: Julius Brussee

Code Review

Review a fixed Git diff independently for repository standards and originating requirements.

Read Local Guide →Publisher: Matt Pocock

Systematic Debugging

Investigate root causes through four evidence-led phases before implementing and verifying a correction.

Read Local Guide →Publisher: Jesse Vincent

This is an independent directory. Check the publisher's source for installation, tools, and availability.

Choose by the Job

A Behavior Change Needs Tests

Start with TDD when the expected behavior can be stated and checked before implementation.

A Failure Has No Clear Cause

Use diagnosis or investigation guidance to rank evidence before editing the suspected code.

A Codebase Needs Improvement

Choose React-specific guidance for performance issues, or Safe Refactor when behavior must remain unchanged.

Explore Other Skill Categories

Choose the next task, not just the next publisher.

Frequently Asked Questions

How should I choose between debugging, TDD, and refactoring guidance?
Start with the current uncertainty. Debugging investigates why behavior is wrong; TDD makes an expected behavior executable; refactoring improves structure while preserving behavior. A single task may move through all three, but they answer different questions.
What makes a useful bug report for a coding agent?
Provide the smallest reproducible example, expected and actual behavior, relevant errors, and the environment where the issue occurs. A failing test or concrete input is more actionable than a general statement that the code is broken.
Should every change begin with a new test?
A test is valuable when it can detect the behavior or regression at issue. Exploratory work may first need a clearer requirement; cosmetic changes may need visual checks. Avoid tests that merely repeat the implementation without checking a meaningful outcome.
How can I verify that a refactor preserved behavior?
Record the behavior that must remain stable, run relevant checks, and review the diff for accidental scope changes. Passing tests are useful evidence, but untested interfaces and error paths may still need targeted inspection.
When should I use React-specific performance guidance?
Use it when the problem involves React or Next.js concerns such as rendering, data fetching, state, or bundle size. Measure the actual application so a plausible optimization does not become an unverified change with no demonstrated benefit.
Can several coding Skills be combined in one task?
Yes, when their roles are clear. For example, reproduce a failure, isolate the cause, make a small change, and then inspect the diff. Resolve conflicting instructions and keep one acceptance criterion rather than layering unrelated checklists.

Keep Code Changes and Reviews Together

Bring the task, repository context, tests, and review decisions into one workspace.