ui-design is agent-read markdown (skill) from tencentcloudbase/cloudbase-ai-toolkit: Use when users need visual direction, interface hierarchy, layout decisions, design specifications, or prototypes before implementing a Web or mini program UI..
Indexed from public GitHub and served as immutable, content-addressed versions. Install it pinned to an exact SHA-256 with the mdr CLI, and every file is verified against the hash recorded here before it reaches your agent. The deterministic audit below grades the latest version, and the same file always earns the same grade.
What the file says
## Sibling skills (local only)
Sibling CloudBase skills ship beside this skill. Use local relative paths such as `../auth-tool-cloudbase/SKILL.md`.
If a referenced sibling skill file is missing from this environment, ask the user to install the full CloudBase plugin (or the missing skill). Do **not** HTTP-fetch remote skill or protocol markdown into the agent context.
## Activation Contract
### Use this first when
- The request is to decide visual direction, produce a design specification, create a prototype, or make layout, typography, color, and visual hierarchy choices for an interface.
- The implementation should follow a deliberate aesthetic rather than directly coding an already-approved design.
### Read before writing code if
- The response must choose typography, color, spacing, layout strategy, or other visual rules before code exists.
- The user asks for "design", "prototype", "look and feel", or "style" rather than straight implementation.
### Then also read
- Web implementation -> `../web-development/SKILL.md`
- Mini program implementation -> `../miniprogram-development/SKILL.md`
### Do NOT use for
…
Pin to a label to follow the author's releases, or to a sha256 to freeze the exact bytes forever. Either way the resolved hash is written to mdr.lock, and mdr install reproduces it on any machine.
GET https://markdownregistry.com/api/v1/artifacts/art_gy4xkccujwbqlff2
GET https://markdownregistry.com/api/v1/resolve?ref=tencentcloudbase/cloudbase-ai-toolkit/ui-design
GET https://markdownregistry.com/api/v1/blob/74b7746c87e7ec6480b590a0ad4932f9e87348487e282fbb03c83b1cd0030b1a
Your agent does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
tencentcloudbase/cloudbase-ai-toolkit · config/.claude/skills/ai-model-nodejs/SKILL.md · Use this skill for Node.js backend AI via @cloudbase/node-sdk (>=3.16.0) — cloud functions, CloudRun…
tencentcloudbase/cloudbase-ai-toolkit · config/.claude/skills/ai-model-web/SKILL.md · Use this skill when a browser/Web app (React, Vue, Next, Nuxt, static sites, SPAs, dashboards, AI chat UI, 页面, 前端, 网页)…
tencentcloudbase/cloudbase-ai-toolkit · config/.claude/skills/ai-model-wechat/SKILL.md · Use this skill for WeChat Mini Program AI via wx.cloud.extend.AI (小程序, wx.cloud apps). Covers generateText and…
tencentcloudbase/cloudbase-ai-toolkit · config/.claude/skills/auth-nodejs-cloudbase/SKILL.md · CloudBase Node SDK auth guide for server-side identity, user lookup, and custom login tickets. This skill should be…
tencentcloudbase/cloudbase-ai-toolkit · config/.claude/skills/auth-tool-cloudbase/SKILL.md · CloudBase auth provider configuration and login-readiness guide. This skill should be used when users need to inspect…
tencentcloudbase/cloudbase-ai-toolkit · config/.claude/skills/auth-web-cloudbase/SKILL.md · CloudBase Web Authentication Quick Guide for frontend integration after auth-tool has already been checked. Provides…
tencentcloudbase/cloudbase-ai-toolkit · config/.claude/skills/auth-wechat-miniprogram/SKILL.md · CloudBase WeChat Mini Program native authentication guide. This skill should be used when users need mini program…
tencentcloudbase/cloudbase-ai-toolkit · config/.claude/skills/cloud-functions/SKILL.md · CloudBase function runtime guide for building, deploying, and debugging your own Event Functions or HTTP Functions…
tencentcloudbase/cloudbase-ai-toolkit · config/source/skills/ui-design/SKILL.md · Use when users need visual direction, interface hierarchy, layout decisions, design specifications, or prototypes…
tencentcloudbase/cloudbase-ai-toolkit · plugin/cloudbase/skills/ui-design/SKILL.md · Use when users need visual direction, interface hierarchy, layout decisions, design specifications, or prototypes…
tencentcloudbase/cloudbase-ai-toolkit · config/.claude/skills/ui-design/SKILL.md · Use when users need visual direction, interface hierarchy, layout decisions, design specifications, or prototypes…
mblode/agent-skills · skills/ui-design/SKILL.md · Designs and builds React/Next/Tailwind UI and audits visual and interaction defects. Use when asked to "build a landing…
