skills.rest
fredericvilcot
fredericvilcotCOMMUNITY
Explore all skills by this author →
GitHub

craft

Orchestrate specialized AI agents to develop React frontend applications with TypeScript and TanStack Query.

13|Updated Jan 28, 2026
Search Tags:#typescript#workflow automation#react#code generation#ai agents#frontend development#tanstack query
One-click install
npx skills add https://github.com/fredericvilcot/clean-claude --skill craft
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: craft
Source: https://github.com/fredericvilcot/clean-claude/tree/main/.claude/skills/craft
Command: npx skills add https://github.com/fredericvilcot/clean-claude --skill craft

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides a structured, agent-driven environment for building modern React applications, ensuring adherence to best practices and a robust development workflow.

Core Features & Use Cases

  • Agent Orchestration: Leverages specialized AI agents (Product Owner, Architect, Engineers, QA, DevOps) to handle different aspects of software development.
  • Strict Workflow Enforcement: Implements a "Craft Guardian" to prevent violations of the mandatory stack (TypeScript, React, TanStack Query), code quality, and architectural principles.
  • Iterative Development: Supports continuous refinement and bug fixing through an iterative mode, always routing tasks to the appropriate agent.
  • Use Case: Develop a new feature for a React application, from initial spec to tested implementation, with AI agents managing the entire process according to predefined quality standards.

Quick Start

Use the craft skill to build a new feature for the dashboard.

Frequently Asked Questions about craft

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

FAQPage Schema
How do I build React applications using AI agents?▼

You can build React applications using AI agents by orchestrating a team of specialized agents that manage project bootstrapping, architectural design, code implementation, and quality assurance. This enforces a mandatory stack of TypeScript, React, and TanStack Query.

Can I use this workflow automation to develop React features from spec to tested implementation?▼

Yes, this workflow automation develops React features from initial spec to tested implementation. It routes tasks through specialized agents like Product Owner, Architect, Engineers, and QA to handle the entire process according to predefined quality standards.

Does this React code generation tool enforce a specific tech stack?▼

Yes, this React code generation tool enforces a mandatory tech stack of TypeScript, React, and TanStack Query. A Craft Guardian agent prevents violations of this stack, code quality, and architectural principles during development.

How does iterative development work for frontend development with AI agents?▼

Iterative development for frontend development with AI agents supports continuous refinement and bug fixing. It always routes tasks to the appropriate specialized agent, ensuring iterative updates maintain architectural principles and quality standards.

What is the best way to ensure code quality when building React apps with AI?▼

The best way to ensure code quality when building React apps with AI is using a defined multi-step process with a Craft Guardian. This enforces architectural principles and quality assurance through specialized QA agents during project implementation.

Related Skills

Explore More Software Engineering Skills→
grigbgrigb
4

global-triage

Route owner input to project-local work-order queues via registry analysis.

Community
Advanced
ronniepinnellronniepinnell

iterate-pr

Iterate on pull requests to resolve CI failures and process code reviews.

Community
Advanced
pluginagentmarketplacepluginagentmarketplace
1

aspnet-core-devops

Containerize ASP.NET Core apps with Docker and deploy to Azure, AWS, or GCP.

Community
Advanced
0xHoneyJar0xHoneyJar
2

run-mode

Execute autonomous sprint loops with PR lifecycle orchestration and safety guardrails.

Official
Advanced