ui-design

79 / 100 · Review before installing

Check before installing. Some of what it can do is expected: a coding skill usually runs build and test commands.

By TencentCloudBase/CloudBase-AI-Toolkit (GitHub) · coding · 1,164 stars · scanned at commit 640a67d

Use when users need visual direction, interface hierarchy, layout decisions, design specifications, or prototypes before implementing a Web or mini program UI.

Works with any agent that supports SKILL.md skills.

What this skill can do

Sends data to these websites: example.com

This is disclosed by the author in the skill's SKILL.md or README.

Found in 2 places.

config/.claude/skills/ui-design/SKILL.md, line 181- **macOS / Linux**: `curl -L --fail -o assets/images/logo.png "https://example.com/logo.png"` (add `--create-dirs` if the parent folder doesn't exist; `wget` w
config/.claude/skills/ui-design/SKILL.md, line 182- **Windows (PowerShell)**: `Invoke-WebRequest -Uri "https://example.com/logo.png" -OutFile "assets\images\logo.png"` (or use `curl.exe -L -o assets/images/logo

Runs commands on your computer

This is disclosed by the author in the skill's SKILL.md or README. It runs automatically when the plugin is installed. Expected for a coding skill.

Found in 4 places.

config/.claude/skills/ui-design/SKILL.md, line 346grep -iE "(violet|purple|indigo|fuchsia)" [your-file]
config/.claude/skills/ui-design/SKILL.md, line 353grep -iE "(Inter|Roboto|system-ui|Arial|-apple-system)" [your-file]
config/.claude/skills/ui-design/SKILL.md, line 360grep -iE "(🚀|⭐|❤️|👍|🔥|💡|🎉|✨)" [your-file]

Show 1 more

gemini-extension.json, line 14"command": "npx",

Downloads and installs other software

The author does not mention this. It runs automatically when the plugin is installed.

Found in 1 place.

gemini-extension.json, line 14"command": "npx",

Safer alternatives

Low-risk skills in the same category (coding) that look related. Check that one does what you need.

Other copies in this repository

TencentCloudBase/CloudBase-AI-Toolkit has 3 more folders with a skill named ui-design. This page shows the lowest-scoring copy.

plugin/cloudbase/skills/ui-design 79/100 · Review before installing
plugin/cloudbase-codex/skills/ui-design 79/100 · Review before installing
connectors/cloudbase-intl/skills/references/ui-design 79/100 · Review before installing

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'ui-design' ] || [ -L ~/.agents/skills/'ui-design' ]; then echo 'A skill folder named ui-design already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/TencentCloudBase/CloudBase-AI-Toolkit' "$d" && git -C "$d" checkout --quiet '640a67d41af13774c11372ccef8c5a35c06042bc' -- 'config/.claude/skills/ui-design' && mkdir -p ~/.agents/skills && cp -R "$d"/'config/.claude/skills/ui-design' ~/.agents/skills/'ui-design' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'ui-design' ~/.claude/skills/'ui-design' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for TencentCloudBase/CloudBase-AI-Toolkit shows the score of its lowest-scoring skill.

SkillTrust badge for TencentCloudBase/CloudBase-AI-Toolkit

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/TencentCloudBase/CloudBase-AI-Toolkit.svg)](https://zalavijaysinh.github.io/skilltrust/repos/TencentCloudBase/CloudBase-AI-Toolkit/)

Score history

Date	Version	Score
2026-11-11	`640a67d`	79
2026-11-08	`8ec7084`	79
2026-11-07	`8ec7084`	49

Also found in

Identical copies of this skill exist at:

TencentCloudBase/CloudBase-AI-Toolkit/config/source/skills/ui-design
TencentCloudBase/CloudBase-AI-Toolkit/connectors/cloudbase/skills/references/ui-design