elite-frontend-tool-free精英前端设计工具免费版，面向个人开发者的前端UI设计规范与生成工具。核心能力： - 严格字体规范，禁用通用字体，按场景精选字族 - 色彩管理规则，CSS变量统一管理，拒绝SaaS模板配色 - 基础动效指导，交错入场与微交互 - 反模式自检，拒绝平庸AI风格界面 - 输出 HTML/CSS 代码 适用场景： - 个人项目 Landing Page 设计 - 独立开发者作品集页面 - 小型 Web 应用界面 差异化：免费版提供核心设计规范与单页面生成能力，适合个人项目
Install via ClawdBot CLI:
clawdbot install thcjp/elite-frontend-tool-freeLoading skill content… the page will refresh in a moment.
Usage Guide
Loading usage data… refresh in a few seconds.
Use when building UI with shadcn/ui components, Tailwind CSS layouts, form patterns with react-hook-form and zod, theming, dark mode, sidebar layouts, mobile navigation, or any shadcn component question.
Tailwind reference tool. Use when working with tailwind in frontend contexts.
A product creation skill based on the "Bee Website Builder" Open API. It is used to create a new product under a specified site language and product group, w...
A product update skill based on the "Bee Website Builder" Open API. It is used to update an existing product under a specified site language and supports upd...
Build WCAG 2.1 AA compliant websites with semantic HTML, proper ARIA, focus management, and screen reader support. Includes color contrast (4.5:1 text), keyboard navigation, form labels, and live regions. Use when implementing accessible interfaces, fixing screen reader issues, keyboard navigation, or troubleshooting "focus outline missing", "aria-label required", "insufficient contrast".
Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.