frontend-design-cn创建独特、生产级的前端界面，追求高设计品质。当用户要求构建 网页组件、页面、海报、应用时使用（包括网站、着陆页、仪表盘、 React组件、HTML/CSS布局、美化任何Web界面）。生成有创意、 打磨精细的代码和UI设计，坚决拒绝千篇一律的"AI审美"。
Install via ClawdBot CLI:
clawdbot install paudyyin/frontend-design-cnGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://clawhub.ai/user/paudyyinAudited Jun 5, 2026 · audit v1.0
Generated Sep 8, 2026
为企业打造独特、具有品牌辨识度的官网，摆脱同质化设计，提升用户体验和品牌形象。
为数据驱动的产品设计高效、直观的仪表盘，强调数据清晰度和操作效率，避免俗套的卡片布局。
设计具有视觉冲击力的着陆页，提升转化率，采用大胆的创意和动效吸引用户注意。
将传统海报概念转化为动态网页，适合艺术展览或活动宣传，采用独特的字体和布局。
针对儿童或青少年用户，设计趣味性强、互动性高的学习界面，采用马卡龙色系和圆润元素。
为有特定需求的客户提供一对一的前端设计服务，根据项目复杂度报价。
为客户提供持续的设计支持，包括定期更新、优化和迭代服务。
将独特风格的设计制作成可复用的模板（如HTML/CSS模板）出售给开发者或企业。
💬 Integration Tip
将设计原则与前端代码框架（如React）结合，确保组件化开发。
Scored Sep 8, 2026
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.