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.
The 'ui-design' skill is a professional tool designed to streamline the process of creating high-quality, aesthetically distinct user interfaces for web and mobile applications. It focuses on frontend design and aims to ensure that every interface is not only functional but visually striking, adhering to strict design guidelines that emphasize creativity and aesthetics. This skill helps solve the problem of generic, uninspired UI design, offering a structured approach that balances technical requirements with artistic expression.
Use this skill for frontend UI design and interface creation in projects that involve web pages, mini-programs, prototypes, or any user interface components that require high aesthetic quality and creativity.
Before writing any interface code, you must output the design specification, including a purpose statement, aesthetic direction, color palette, typography, and layout strategy.
Avoid using forbidden colors (purple, violet, indigo, fuchsia, and blue-purple gradients), forbidden fonts (Inter, Roboto, Arial, Helvetica, system-ui, -apple-system), standard centered layouts, and emoji icons. Always use professional icon libraries like FontAwesome or Heroicons.
You must choose a specific aesthetic direction for your design, such as Brutalist, Maximalist, Retro-futuristic, or Luxury, and execute it intentionally. The aesthetic direction should guide the overall look and feel of the interface.
Quick Setup:
.claude/skills/Repository
TencentCloudBase/CloudBase-MCP