Skills
.Work. You
Rest

react-engineer

Community

Build polished React features faster.

Software Engineering#typescript#frontend#react#implementation#nextjs#tailwind
Authormostafa-ismail-2004
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill turns behavioral requirements into production-ready React implementations, reducing guesswork and helping you ship clean, type-safe UI code with confidence.

Core Features & Use Cases

  • React and Next.js implementation: Builds new components, pages, and application logic using App Router conventions, strict TypeScript, and Tailwind CSS.
  • Refactoring and enhancement: Improves existing React code for readability, performance, correctness, and maintainability.
  • Verification-driven delivery: Guides local linting, type-checking, and testing so implementation is validated before handoff.
  • Use Case: A product spec describes a dashboard with loading, empty, and error states; this Skill translates it into a typed Next.js component tree and verifies it locally.

Quick Start

Implement the React component from this specification, following strict TypeScript and Next.js App Router conventions, then verify it locally before delivering the code.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: react-engineer
Download link: https://github.com/mostafa-ismail-2004/codex-plugin/archive/main.zip#react-engineer

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 545,000+ vetted skills library on demand.