AGENTS / MACHINE-READABLE DESIGN

Give your agent
the whole context.

Copyable prompts, stable URLs, registry discovery, and explicit design rules so an agent can implement Manner instead of guessing from a screenshot.

Download full guide Open ai.json ↗

THE HANDOFF SURFACE

One URL is useful.
A map is dependable.

Agents can browse the visual pages, fetch plain text, discover every registry item, and install source through the same public namespace.

JSON / MANIFESTai.jsonCapabilities, URLs, tokens, counts, and registry metadata.↗TEXT / COMPACTllms.txtA small entry point for models with limited context.↗TEXT / COMPLETEllms-full.txtWorkflow, catalog, install commands, and full design rules.↗JSON / CATALOGr/index.jsonDiscover components, blocks, dependencies, and source URLs.↗MARKDOWN / RULESAGENTS.mdRepository-style instructions hosted beside the docs.↗VISUAL / DESIGNDESIGN.mdReadable and raw design rules with a copy button.↗

COPYABLE PROMPTS

Start with
intent.

These prompts point the agent to the right source before asking it to make a visual decision. They work in Codex, Claude Code, Cursor, and other coding agents with web access.

01 / INSTALL

Install Manner in an existing app

Use this when an agent is starting with an existing React or Next.js project.

promptinstall-prompt.txt
Use Manner UI in this project.
Before writing UI:1. Read https://ui.myudak.com/llms.txt2. Read https://ui.myudak.com/AGENTS.md3. Inspect components.json, app/globals.css, and the existing source tree.
Configure and use the Manner registry:pnpm dlx shadcn@latest registry add @manner=https://ui.myudak.com/r/{name}.json
Install the closest existing components before creating anything new. Keep thecopied source in this application and report which components were reused.
02 / RESTYLE

Restyle an existing page

Use this when the product behavior is correct but the interface needs Manner’s visual grammar.

promptrestyle-prompt.txt
Restyle this page using Manner UI:https://ui.myudak.com
Read these first:- https://ui.myudak.com/DESIGN.md- https://ui.myudak.com/MANNER_AGENT.md- https://ui.myudak.com/r/index.json
Preserve the existing product logic and content. Reuse installed Manner source,use semantic tokens, keep focus and keyboard behavior intact, and intentionallytransform the mobile layout. Check loading, empty, error, disabled, and overflowstates before finishing.
03 / COMPOSE

Build a new page from a block

Use this for dashboards, readers, settings, authentication, and AI interfaces.

promptpage-prompt.txt
Build this page with Manner UI.
First inspect the block catalog:https://ui.myudak.com/blockshttps://ui.myudak.com/r/index.json
Choose the closest block and install its source with shadcn. Compose the pagefrom existing primitives instead of drawing placeholder cards. Keep the block’saccessibility behavior, adapt the content to this product, and add the statesthat the real workflow needs. Explain any intentional design-rule exception.
04 / EXTEND

Add a missing component

Use this only after the registry and installed source do not cover the interaction.

promptcomponent-prompt.txt
Add a new Manner-compatible component only if no existing item fits.
Read https://ui.myudak.com/DESIGN.md and search the registry first:https://ui.myudak.com/r/index.json
Follow the existing source conventions and Base UI semantics. Use semantictokens, visible focus, accessible names, keyboard behavior, reduced-motionsupport, and light/dark states. Add a real example, source view, installationmetadata, and a test. Update the registry and explain why a new primitive wasnecessary.
05 / VERIFY

Audit a page against Manner

Use this as a final pass before shipping a design-system implementation.

promptaudit-prompt.txt
Audit this interface against Manner UI.
Use:- https://ui.myudak.com/DESIGN.md- https://ui.myudak.com/MANNER_AGENT.md- https://ui.myudak.com/ai.json
Check tokens, typography, hierarchy, surfaces, borders, motion, focus states,keyboard operation, reduced motion, responsive behavior at 360/390/768/1024/1440px, long content, and loading/empty/error/disabled states. Fix issues thatare clearly violations, then report the remaining intentional exceptions.

THE SHORT VERSION

Point, then
let it inspect.

For a capable coding agent, this is usually enough context to begin:

agent promptmanner-start.txt
Use Manner UI for this project.
Website: https://ui.myudak.comSource: https://github.com/myudak/uiRead: https://ui.myudak.com/llms.txt
Inspect the registry and existing source first. Reuse Manner components andblocks, follow DESIGN.md, preserve accessibility, and report exceptions.
INSTALL THE SYSTEMOwn the source.

Manner is a shadcn-compatible registry. One command installs source you can inspect, edit, and ship.

pnpm dlx shadcn@latest add @manner/agent-rules