Skip to main content
skillsmp

Menú

create-react-designs

Create production-grade React/Tailwind/ShadCN designs with a multi-persona feedback loop. Generates "ready to connect" front-ends, uses a Persona Council (Simulacrum + Taxonomy) to critique designs, consults experts if confidence is low, and iterates until production quality is reached.

Ir a la instalaciónRevisar archivos

Datos de origen

Repositorio
grahama1970/agent-stack-public
Última actividad en el origen
24 de septiembre de 2026 a las 15:51
Idioma detectado de SKILL.md
inglés
Estrellas
0
Forks
0

Opciones de instalación

De forma predeterminada está seleccionado el prompt que primero revisa el origen. Puedes cambiar a un comando directo o descargar una copia local.

Revisa los archivos de origen

Lee SKILL.md y los archivos complementarios que muestra SkillsMP antes de decidir si quieres instalarlo.

Explorador de archivos
6 archivos

Mostrando SKILL.md

SKILL.md
Instrucciones de origen · Vista previa de solo lectura
name
create-react-designs
description
Create production-grade React/Tailwind/ShadCN designs with a multi-persona feedback loop. Generates "ready to connect" front-ends, uses a Persona Council (Simulacrum + Taxonomy) to critique designs, consults experts if confidence is low, and iterates until production quality is reached.
allowed-tools
["Bash","Read","Write","Connect","Browser"]
triggers
["create react designs","design ui","generate frontend","make react app","production ui","persona council design"]
metadata
{"short-description":"Production-grade React/ShadCN design lab with Persona Council","author":"Horus","version":"0.1.0"}
provides
["create-react-designs"]
composes
["task-monitor","agentic-evals"]
disciplines
["ui-design-engineering"]
# Create React Designs A production-grade UI design lab where AI Personas collaborate to build "ready to connect" React front-ends. ## Core Feature: Persona Council Unlike simple "critique" loops, this skill uses a **Persona Council**: 1. **Primary Persona**: The main user (e.g., "Embry"). 2. **Confidence Check**: If the Primary's _Precision_ (Taxonomy) is low or _Ambiguity_ is high, they **automatically consult experts**. 3. **Expert Consultation**: The system queries relevant Expert Personas (e.g., "Senior UX Designer", "Accessibility Specialist") for targeted advice. 4. **Synthesis**: All feedback is synthesized into a unified, high-fidelity patch plan. ## Workflow 1. **Create**: Scaffolds a production-ready Next.js + ShadCN app (strict TS, linting). 2. **Council**: Runs the multi-persona review session via VLM. 3. **Iterate**: Applies architectural and visual changes using high-reasoning models. 4. **Finalize**: Prepares the code for backend integration (clean cleanup). ## Quick Start ```bash cd .pi/skills/create-react-designs # 1. Create a design with Embry as the lead ./run.sh create "Sci-Fi Trading Terminal" --persona "Embry" # 2. Run the full loop (Create -> Council -> Iterate -> Finalize) ./run.sh loop "Sci-Fi Trading Terminal" --persona "Embry" --max-cycles 3 ``` ## Commands ### `create` Scaffold a new production-grade design. ```bash ./run.sh create "PROMPT" [--out DIR] ``` ### `council` Run a Persona Council session. ```bash ./run.sh council --url http://localhost:3000 --persona "Embry" --out outputs/run-01 ``` ### `iterate` Apply feedback from the Council. ```bash ./run.sh iterate --dir outputs/run-01 ``` ### `loop` Run the full end-to-end process. ```bash ./run.sh loop "PROMPT" --persona NAME ```
Ver en GitHub
Volver a la búsquedaVolver a la instalación