recipe-front-review

Automate React/TypeScript frontend design-doc compliance and security validation.

Updated Jun 8, 2026
One-click install
npx skills add https://github.com/darsoohoo/intake-bot --skill recipe-front-review
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: recipe-front-review
Source: https://github.com/darsoohoo/intake-bot/tree/main/.agents/skills/recipe-front-review
Command: npx skills add https://github.com/darsoohoo/intake-bot --skill recipe-front-review

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automates frontend design doc compliance and security validation for React/TypeScript projects, reducing misalignment between implementation and specification.

Core Features & Use Cases

  • Design Doc compliance checks tailored for React/TypeScript frontends
  • Security validations and policy enforcement with optional auto-fixes
  • Orchestrated multi-agent review workflow with clear ownership and escalation paths for found issues

Quick Start

Provide your React frontend project to initiate design doc compliance validation and optional auto-fix suggestions.

Frequently Asked Questions about recipe-front-review

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

FAQPage Schema
How do I automate frontend design doc compliance checks for a React project?

Frontend design doc compliance validates your React or TypeScript implementation against the original specification. It enforces a standardized review checklist to reduce misalignment between code and design docs during audits.

Can I use this to enforce security validation and policy checks in a CI pipeline?

Yes, you can enforce security validation and policy in a CI pipeline. It applies to auto-fix workflows across monorepos, orchestrating specialized agents to handle security tasks and route fixes with role-specific responsibilities.

What is the best way to auto-fix frontend code review issues in a monorepo?

The best way to auto-fix frontend code review issues is routing them through a guided multi-agent process. It orchestrates code, security, and design agents with clear ownership and escalation paths to apply optional fixes.

Does this design doc review tool work with TypeScript projects?

Yes, this design doc review tool works with TypeScript projects. It is specifically tailored for React and TypeScript frontends to validate security policies and ensure implementation aligns with the design specification.

How do I audit a React frontend against its design specification?

Audit a React frontend against its design specification by initiating design doc compliance validation. This orchestrates specialized agents to perform code, security, and design checks, providing optional auto-fix suggestions for misalignments.