Professional UI design and frontend interface guidelines. Use this skill when creating web pages, mini-program interfaces, prototypes, or any frontend UI components that require distinctive, production-grade design with exceptional aesthetic quality.
Install
npx skills add TencentCloudBase/CloudBase-AI-Toolkit --skill ui-designnpx skills add TencentCloudBase/CloudBase-AI-Toolkit --skill ui-design -a claude-code -gnpx skills add TencentCloudBase/CloudBase-AI-Toolkit --skill ui-design -a codex -ggemini skills install https://github.com/TencentCloudBase/CloudBase-AI-Toolkit.git --path config/.claude/skills/ui-designgh skill install TencentCloudBase/CloudBase-AI-Toolkit ui-designgit clone --depth 1 https://github.com/TencentCloudBase/CloudBase-AI-Toolkit /tmp/TencentCloudBase__CloudBase-AI-Toolkit
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/TencentCloudBase__CloudBase-AI-Toolkit/config/.claude/skills/ui-design ~/.claude/skills/ui-design # Claude Code
cp -R /tmp/TencentCloudBase__CloudBase-AI-Toolkit/config/.claude/skills/ui-design ~/.agents/skills/ui-design # Codex, Cursor, Gemini CLI, Copilot, OpenCode