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.
Source facts
- Repository
- grahama1970/agent-stack-public
- Last source activity
- September 24, 2026 at 15:51
- Detected SKILL.md language
- English
- Stars
- 0
- Forks
- 0
Install options
The review-first prompt is selected by default. You can switch to a direct command or download a local copy.
Review the source files
Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.
File Explorer
6 filesShowing SKILL.md
SKILL.md
Source instructions · Read-only preview- 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
```
View on GitHub