skills.rest
borderux
borderuxOFFICIAL
Explore all skills by this author →
WebsiteGitHub

betty

Builds Recursica design system UIs from product requests and delivers them as pull requests.

1|Updated May 29, 2026
Search Tags:#pull request#react#design system#design review#stakeholder interview#ui prototyping#recursica
One-click install
npx skills add https://github.com/borderux/recursica-knowledge --skill betty-borderux
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: betty
Source: https://github.com/borderux/recursica-knowledge/tree/main/agents/betty
Command: npx skills add https://github.com/borderux/recursica-knowledge --skill betty-borderux

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Turning a product request — a PRD, an interview, or research findings — into a working UI that follows a design system's rules is slow and error-prone. Betty handles the full workflow: interviewing stakeholders, writing an approved brief, building with Recursica components, dispatching a review, and delivering a pull request with a live preview. ## Core Features & Use Cases - Structured intake and brief: Interviews product owners, designers, and engineers, then writes a design brief with open conflicts that must be approved before any code is written. - Rule-driven building: Loads the Recursica design-router skill and component families, computes applicable skills from actual file imports, and builds only from Recursica components and tokens. - Tiered review and delivery: Dispatches the Barb reviewer subagent at a stated tier, then delivers a branch and pull request with a preview URL — never merging its own work. - Use Case: A product owner asks for a new project-tracking screen. Betty interviews the team, gets the brief approved, builds the screen in a forked prototype repository against the house rules, has Barb review it, and opens a pull request with a live preview link. ## Quick Start Ask Betty to design and build a screen or flow from your PRD or rough idea, and she will interview you, build it on the Recursica design system, and open a pull request with a preview.

Frequently Asked Questions about betty

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

FAQPage Schema
How do I build a UI prototype from a PRD with an AI agent?▼

Give Betty your PRD in any form — a document, paragraph, or bulleted list. She interviews the stakeholders, writes a design brief for approval, builds the UI from Recursica components, and delivers a pull request with a live preview URL.

What design systems and frameworks does Betty support?▼

Betty builds production-mergeable code wherever a Recursica adapter exists — currently React with Mantine or MUI. On any other stack, her output is a prototype and specification that a human re-implements, and she states that upfront.

Can Betty merge pull requests or edit the design system rules?▼

No. Betty opens a pull request and stops — merging is enforced by branch protection, not the prompt. She also has read-only access to the knowledge repository; rule gaps go to a human-reviewed design-findings pipeline.

How does the Barb design review work?▼

Betty dispatches the Barb subagent to review built screens against the design system's stated rules, reporting violations with file and line. Reviews run in tiers 0-2, and the tier that ran is always stated in the pull request.

What happens when requirements conflict or rules are missing?▼

Betty stops and asks rather than guessing. Competing requirements, stakeholder disagreements, rule conflicts, and uncovered decisions are surfaced as questions with options, and she waits for a human answer before building.

Related Skills

Explore More Design & Creative Skills→
CoreStack-EnggCoreStack-Engg

prd-writing

Converts stakeholder input into a complete PRD with problem statements, user stories, acceptance criteria, and RICE scoring.

Official
Advanced
saddam-eng-techsaddam-eng-tech

React PR Reviewer

Review React/TypeScript pull request diffs and output categorized verdicts.

Community
Intermediate
00PrabalK0000PrabalK00
1

design-system-enforcer

Validate frontend changes against design-system rules for spacing, typography, and tokens.

Community
Intermediate
vTRKAvTRKA

component-library-integration

Generate token bridge adapters and manifest updates for UI component libraries.

Community
Advanced