How do I install the Uinaf Design skill?

Run npx skillmds@latest add uinaf/uinaf-design in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Uinaf Design safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Uinaf Design?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Uinaf Design free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Uinaf Design?

uinaf (@uinaf) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Uinaf Design by uinaf — Agent Skill

Name: Uinaf Design
Author: uinaf

Uinaf Design

Route explicitly authorized uinaf interface, brand-asset, and repository-copy work through the live design.uinaf.dev contract. Use only when explicitly invoked for a uinaf-owned repository or surface; never use for put.io, OpenClaw, or unrelated projects. The skill carries workflow, not design rules.

uinaf Updated Sep 17, 2026

File contents

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 → get_page
- uinaf.dev surface or export artboard → get_template
- Component → list_patterns, then get_pattern
- Token value → get_tokens
- Voice or general rule → search_guidelines 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.

Frequently asked questions