ui-design

308 stars 245 forks
47

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.

Third-Party Agent Skill: Review the code before installing. Agent skills execute in your AI assistant's environment and can access your files. Learn more about security

Installation for Agentic Skill

View all platforms →
skilz install TencentCloudBase/awesome-cloudbase-examples/ui-design
skilz install TencentCloudBase/awesome-cloudbase-examples/ui-design --agent opencode
skilz install TencentCloudBase/awesome-cloudbase-examples/ui-design --agent codex
skilz install TencentCloudBase/awesome-cloudbase-examples/ui-design --agent gemini

First time? Install Skilz: pip install skilz

Works with 22+ AI coding assistants

Cursor, Aider, Copilot, Windsurf, Qwen, Kimi, and more...

View All Agents
Download Agent Skill ZIP

Extract and copy to ~/.claude/skills/ then restart Claude Desktop

1. Clone the repository:
git clone https://github.com/TencentCloudBase/awesome-cloudbase-examples
2. Copy the agent skill directory:
cp -r awesome-cloudbase-examples/universal/cloudbase-uniapp-template/.claude/skills/ui-design ~/.claude/skills/

Need detailed installation help? Check our platform-specific guides:

Related Agentic Skills

Agentic Skill Details

Stars
308
Forks
245
Type
Non-Technical
Meta-Domain
productivity
Primary Domain
pdf
Market Score
47

Report Security Issue

Found a security vulnerability in this agent skill?