Communityv1.0.0

Elite Frontend Design

前端 UI 界面设计。当用户要创建网页、landing page、dashboard、React/Vue 组件、前端页面时触发。 输出 HTML/CSS/JS 代码。不适用于:静态图片设计(用 canvas-design)、公众号配图(用 weixin-canvas-design)。

1.5kdownloads6active installs莫循
View on ClawHubBack to Skills

Skill Details

Slug
elite-frontend-design
Latest Version
1.0.0
Author
莫循
Published
Mar 19, 2026
Updated
May 1, 2026
Total Versions
1

How to Install

  1. 1 on OpenClawdBots (takes under 60 seconds).
  2. 2Open your bot dashboard and go to the Skills tab.
  3. 3Switch to the ClawHub tab and search for Elite Frontend Design.
  4. 4Click Install and the skill is deployed to your bot automatically.

Changelog — v1.0.0

- Initial release of elite-frontend-design skill. - Focused on advanced frontend UI design with top-tier aesthetics and engineering standards. - Enforces unique, non-generic typography and color themes; bans common web fonts and "SaaS style" gradients. - Requires dynamic, theme-driven CSS color variables and inventive use of IDE- or retro-inspired palettes. - Mandates creative backgrounds (multi-layer gradients, SVG patterns, noise) and motion (staggered animations, interactive highlights). - Prohibits template-like, predictable structures in favor of asymmetric layouts and varied aesthetic approaches. - For web/frontend interface code generation (HTML/CSS/JS), not for static image or WeChat graphics.