Use Forza with AI

Give your assistant the actual API, not a screenshot and a guessed component name.

How this project is made

Forza UI is an independent project by Chrisdalbano, developed with AI assistance. Chrisdalbano sets the direction and reviews the visual experience. AI tools assist with research, implementation, documentation, and automated checks.

This includes AI-generated code and copy. The repository makes the implementation and checks available for inspection; it does not claim that every change has had an independent human code review.

Machine-readable resources

• component-manifest.json: versioned props, defaults, required fields, events, slots, source paths, and usage examples.
• llms.txt: documentation entry points.
• llms-full.txt: guides and component reference in plain text.
• AGENTS.md: contributor conventions.
• forza list --json: the same manifest bundled with the CLI.

API metadata is extracted from Vue source with Vue Language Tools. Examples and behavior notes are maintained alongside it. Run npm run build:registry after changing a contract.

A useful prompt

Use Forza UI 0.3.3 and Vue 3.5 with script setup and TypeScript.
Read https://forzaui.chrisdalbano.com/llms-full.txt and the component manifest.
Use documented exports only. Keep business state in the parent.
Import the stylesheet once and wrap the UI in .fz-theme.
Use controlled models, stable IDs, visible labels and explicit events.
Honor reduced motion. Do not add GSAP to application controls.
Use FzTable sort state to derive sorted rows in the parent.
Show your code and the checks you ran. Do not invent unsupported props.

Boundaries

This release provides static documentation and a local CLI. It does not run an MCP server, send prompts to a model, or collect application data. A manifest is a reference, not permission to run arbitrary commands. Review generated code and test it against your application.