Strict UI

Generative UI creation with Pydantic validation.

Jack-Taylor-Gorman Updated

File contents

UI Generation Protocol

When the user requests UI components:

  1. Analyze the request or screenshot.
  2. Define a Pydantic schema for the component props in scripts/validators/.
  3. Generate the code.
  4. Run the Pydantic validator script to ensure props, accessibility tags, and Tailwind classes are valid.

Only output code that passes validation.

Jack-Taylor-Gorman/Agent-dev-environment/tree/main/.agent/skills/strict-ui commit e370081f97

Frequently asked questions

npx skillmds@latest add jack-taylor-gorman/strict-ui