ui-design

ui-design is a frontend UI design guidance skill for the Tencent CloudBase skill family. It is meant to be used before implementation, when a user needs visual direction, interface hierarchy, layout decisions, design specifications, or prototypes for a Web page or WeChat mini program. The problem it addresses is generic "AI-looking" interfaces: it forces a deliberate aesthetic direction and a written design specification before any JSX, WXML, or CSS is produced.

The skill defines an activation contract (when to use it first, when to read before coding, and when not to use it) and a mandatory pre-design checklist. Before writing interface code the agent must output a design specification covering a purpose statement, an explicitly chosen aesthetic direction from a provided list (brutalist, editorial, luxury, retro-futuristic, and others), a 3-5 color palette with hex codes, exact typography, and a layout strategy. It bans a set of generic defaults — purple/violet/indigo/fuchsia colors and blue-purple gradients, fonts like Inter, Roboto, Arial, Helvetica and system-ui, centered card-with-shadow layouts, and emoji used as icons — and requires a self-audit for colors, fonts, icons, and layout before submission. It includes context-aware style recommendations by app type and a checklist file, and it defers actual implementation to sibling web-development and miniprogram-development skills.

Target users are frontend engineers and designers, particularly those building on CloudBase, who want distinctive, intentional interface designs rather than default templates. Use cases include establishing look-and-feel, producing high-fidelity prototypes, and enforcing brand or design-system overrides when they are real constraints. It is a guidance-only document with no code execution, network calls, or credentials.