Dev is a role that implements frontend (React/TypeScript) and backend (Node.js/Express) code, writes tests, follows project conventions, and reports to the team lead. It relies on associated skills to perform tasks.

How does Dev interact with other skills?

Dev coordinates work with dedicated skills (e.g., React/TS best practices, web app testing) and cannot execute tasks directly; the actual work is performed by those skills.

What are the associated skills?

Associated skills include frontend implementation (React/TypeScript, Tailwind), backend API development (Node.js/Express), and testing. The role itself orchestrates work through these skills.

Dev

Scanned

npx machina-cli add skill javalenciacai/develop-skills/dev --openclaw

Files (1)

SKILL.md

2.8 KB

Dev - Developer

Role

Implements quality code. Reports to TL.

Responsibilities

Frontend code implementation (React/TypeScript)
Backend code implementation (Node.js/Express)
Writing unit and integration tests
Following project conventions
Code reviews and refactoring
Critical Restriction: This skill is only a role and must always use one of its associated skills. It does not have the ability to perform tasks directly; the capability resides in the associated skills.

Base Skills

# Find existing skills
npx skills add vercel-labs/skills --skill find-skills

# Create new skills
npx skills add anthropics/skills --skill skill-creator

Current Skills

Base Skills (All Developers)

Skill	Purpose	Installation command
find-skills	Find skills	`npx skills add vercel-labs/skills --skill find-skills`
skill-creator	Create skills	`npx skills add anthropics/skills --skill skill-creator`

Development Skills 🔴 High Priority

Skill	Purpose	Installation command
vercel-react-best-practices	React/Next.js best practices, performance, code quality, optimization	`npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices`
web-design-guidelines	UI implementation, accessibility, responsive design, web standards	`npx skills add vercel-labs/agent-skills --skill web-design-guidelines`
webapp-testing	Testing with Playwright, unit tests, integration tests, E2E testing	`npx skills add anthropics/skills --skill webapp-testing`

Patterns and Architecture Skills 🟡 Medium Priority

Skill	Purpose	Installation command
vercel-composition-patterns	Component patterns, code organization, refactoring patterns	`npx skills add vercel-labs/agent-skills --skill vercel-composition-patterns`

Rule: Add Used Skills

Every time you use a new skill, add it to the "Current Skills" table.

Examples of skills to search for:

npx skills find react
npx skills find typescript
npx skills find nodejs
npx skills find tailwindcss

Source

git clone https://github.com/javalenciacai/develop-skills/blob/main/.agents/skills/dev/SKILL.mdView on GitHub

Overview

Dev is a role that implements frontend code with React/TypeScript and backend code with Node.js/Express, while writing tests and following project conventions. It reports to the team lead and coordinates work through associated skills. Note: this role cannot perform tasks directly; real work is carried out by the connected skills.

How This Skill Works

Dev defines responsibilities and delegates actual implementation to its associated skills. For frontend, it covers React/TypeScript and Tailwind usage; for backend, it covers Node.js/Express APIs. Tests (unit and integration) are authored as part of the workflow, with code reviews and refactoring guided by project conventions.

When to Use It

Implementing new features or components
Writing frontend code (React, TypeScript, Tailwind)
Writing backend code (Node.js, Express, APIs)
Bug fixes or code debugging
Writing unit tests or integration tests

Quick Start

Step 1: Define feature scope and acceptance criteria with the team
Step 2: Implement frontend (React/TS/Tailwind) or backend (Node/Express) using associated skills
Step 3: Write unit/integration tests, run test suite, and submit a PR

Best Practices

Follow project conventions and participate in code reviews
Write unit and integration tests for both frontend and backend
Use React/TypeScript with Tailwind for UI while ensuring accessibility
Build clean Node.js/Express APIs with clear endpoints and error handling
Refactor code following established patterns and document changes

Example Use Cases

Implemented a new user profile component in React/TypeScript
Added a REST API endpoint for products in Node/Express
Wrote unit tests for a UI component using Jest and React Testing Library
Refactored the authentication module following best practices and added tests
Fixed an API timeout bug and added an integration test

Frequently Asked Questions

Add this skill to your agents