ui-ux-toolkit面向设计团队和企业项目的专业级UI/UX设计决策引擎,涵盖全部10个设计域、 10种技术栈、设计系统持久化、页面级覆盖、批量搜索等高级能力。核心能力: - 全部10个设计域搜索(product/style/typography/color/landing/chart/ux/react/web/prompt) - 10种技术栈实现指引(html-tailwind/react/nextjs/vue/svelte/swiftui/react-native/flutter/shadcn/jetpack-compose) - 设计系统持久化:...
Install via ClawdBot CLI:
clawdbot install thcjp/ui-ux-toolkitGrade 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 Aug 28, 2026 · audit v1.0
Generated Sep 4, 2026
金融科技公司需要为多个页面建立统一的设计系统,包括仪表盘、结算、个人中心等。通过持久化设计系统、页面级覆盖和层级检索,确保跨页面风格一致并支持页面特化。
团队同时维护Web、iOS和Android应用,需要统一设计语言。使用此技能生成一个设计系统,并为不同技术栈提供实现指引,确保多端一致性。
对现有项目进行设计审计,检测UX问题和反模式。使用UX和React域的搜索功能,快速获取最佳实践,避免常见设计错误。
初创公司需要快速搭建产品原型和设计规范。通过批量搜索设计域和技术栈实现指引,短时间内生成整套设计方案。
设计机构需要为多个客户项目创建定制设计系统。利用工具的特性,可以批量生成不同风格的设计系统,并持久化保存,便于管理和复用。
提供设计决策引擎的在线服务,企业客户按月或年订阅,获得高端设计系统生成和持久化功能。
作为咨询工具,帮助客户搭建和维护设计系统,收取项目咨询费。
基础功能免费,高级功能(如持久化、批量搜索)通过付费解锁,同时提供企业支持服务。
💬 Integration Tip
该技能可作为设计系统的核心引擎,集成至现有开发流程,先持久化设计系统,再按需获取技术栈指引,确保一致性。
Scored Sep 4, 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.