SKILL.md
uinaf design
This is a manual skill. Its presence never authorizes uinaf styling outside explicitly scoped uinaf work.
Workflow
- Keep implementation with its owner. This package supplies the design
system and general brand guidance. Product-specific UI and copy belong in that product's repository.
- Fetch one live source before writing. Prefer the MCP server at
https://design.uinaf.dev/mcp when it is connected: - Whole product screen → getpage - uinaf.dev surface or export artboard → gettemplate - Component → listpatterns, then getpattern - Token value → gettokens - Voice or general rule → searchguidelines with one exact topic such as voice, type, color, layout, or motion
- Fall back to Markdown, not memory. When MCP is unavailable, read
https://design.uinaf.dev/llms.txt, choose the one relevant link, and fetch it. Use /design.md for voice and general guidance and /readme.md for package setup. Do not load the whole catalog. If neither route is reachable, stop and report the missing design context.
- Reuse the shipped system. Import
@uinaf/design/css, copy the fetched
structure, and adapt content. Do not recreate a component from prose.
- Finish through the owning repo's gate. Run its existing
design:check script through the repo's declared package manager. If the script is missing, consult /readme.md; do not install dependencies, create a ratchet, or widen the task without approval.