frontend-design-anthropic-2生成独特且实用的生产级前端界面代码，涵盖排版字体、配色主题、动效交互、空间构图和背景纹理，多技术栈支持。
Install via ClawdBot CLI:
clawdbot install thcjp/frontend-design-anthropic-2Grade Limited — 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/thcjpAudited Sep 5, 2026 · audit v1.0
Generated Sep 5, 2026
为独立品牌或企业创建视觉独特的落地页，用于产品推广和品牌故事讲述。通过编辑杂志、装饰艺术等风格强化品牌辨识度。
为企业团队设计工业实用风格的数据仪表盘，高信息密度与清晰功能分区，适用于内部运营监控或客户数据展示。
创建具有强烈视觉冲击力的产品展示页，通过独特的排版和动效吸引消费者注意力，提升转化率。
为品牌提供全面的视觉设计服务，包括色彩、字体和构图指引，并生成配套的官网界面。
辅助前端学习者掌握高级设计技巧，通过生成可参考的代码示例，快速构建符合现代美学的前端页面。
针对企业或个人的定制化前端设计需求，按项目大小和复杂度收费。
将技能封装为在线设计工具，提供按月或按年订阅，用户自主生成代码。
输出高质量前端设计模板，在市场上销售，开发者或设计师购买后自行修改使用。
💬 Integration Tip
在AI平台中加载SKILL.md，推荐使用Claude Code或Cursor等支持工具调用，便于执行代码测试与迭代。
Scored Sep 5, 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.