react

Scaffold React components, hooks, and context providers with TypeScript conventions.

25|9|Updated Nov 5, 2025
One-click install
npx skills add https://github.com/ciign/agentic-engineering --skill react-ciign
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react
Source: https://github.com/ciign/agentic-engineering/tree/main/.opencode/skills/react
Command: npx skills add https://github.com/ciign/agentic-engineering --skill react-ciign

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automates and guides React development tasks to accelerate component creation, project setup, and code quality.

Core Features & Use Cases

  • Scaffolds React components, hooks, and context providers following TypeScript conventions.
  • Assists with project setup for React, Next.js, or Vite-based apps, and standardizes dev server, build, lint workflows.
  • Use Case: A team wants to prototype a new UI feature quickly by generating a fully-typed component and a test scaffold.

Quick Start

Instruct the assistant to scaffold a new React component named MyButton using the project’s config and start the dev server.

Frequently Asked Questions about react

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I scaffold React components with TypeScript typing conventions automatically?

Scaffold React components with TypeScript by instructing the assistant to generate the component structure and test scaffold, applying typing conventions and project configuration defined in config.md.

Can I use this to set up a new Next.js or Vite project and run the dev server?

Yes, you can set up a new Next.js or Vite project by directing the assistant to handle project initialization and execute standard command workflows including starting the dev server, running builds, and linting.

Does this React development assistant support generating hooks and context providers?

Yes, this React development assistant supports generating hooks and context providers, accelerating component creation alongside standard project setup tasks for React and Next.js frontend workflows.

What's the best way to prototype a new UI feature quickly with fully-typed React components?

The best way to prototype a new UI feature quickly is to instruct the assistant to scaffold the fully-typed React component and its accompanying test scaffold, leveraging automated project configuration adherence.

How do I standardize build, test, and lint workflows for my React project?

Standardize build, test, and lint workflows for your React project by having the assistant apply standard command workflows and project configuration rules specified in the config.md file.