openclaw-ui-designerOpenClaw UI 设计助手 - 创建美观、易用的用户界面。 提供设计系统、组件库、配色方案、视觉设计等专业建议。 支持响应式布局、可访问性(WCAG)、多端适配。所有脚本已包含。 关键词:openclaw, ui, design, frontend, components, design-system, a...
Install via ClawdBot CLI:
clawdbot install williamwg2025/openclaw-ui-designerGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://github.com/msitarzewski/agency-agents/blob/main/design/design-ui-designeAudited Apr 17, 2026 · audit v1.0
Generated Mar 21, 2026
A tech startup building a new SaaS product needs a modern, intuitive dashboard interface. The UI Designer can provide layout suggestions, component designs for data visualization widgets, and a cohesive color palette to ensure a professional look that enhances user productivity.
An online retailer wants to update its website to improve user experience and accessibility. The skill offers responsive design advice for product pages, WCAG-compliant color schemes for better visibility, and component generation for buttons and forms to streamline the checkout process.
A large enterprise is creating an internal intranet portal for employees. The UI Designer helps establish a corporate design system with consistent components like navigation menus and cards, ensuring a clean, professional interface that works across desktop and mobile devices.
A company developing an educational app for kids requires a playful and engaging UI. The skill provides bold, colorful palettes, accessible icon designs, and touch-optimized layouts for tablets to make learning interactive and fun while maintaining usability.
Freelance UI/UX designers can use this skill to quickly generate design proposals and components for clients, reducing manual work. It helps in offering competitive pricing by speeding up the design phase, leading to more projects and higher revenue through increased client turnover.
Design agencies integrate this skill into their workflow to standardize outputs and train junior designers. It ensures consistency across client projects, improves efficiency in creating design systems, and allows agencies to handle more clients simultaneously, boosting overall revenue.
Product teams at companies use the skill to maintain design consistency and accelerate prototyping. It reduces reliance on external designers, cuts costs, and speeds up time-to-market for new features, contributing to higher product adoption and revenue growth.
💬 Integration Tip
Install the skill in the OpenClaw workspace and run the provided Python scripts directly from the command line for quick design consultations and component generation.
Scored Jun 19, 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.