Install via ClawdBot CLI:
clawdbot install WesLon1987/ui-designerGrade Limited — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Generated Mar 20, 2026
Designing a data-intensive dashboard for enterprise clients using React with Hooks and Next.js for SSR optimization, focusing on performance and scalability. Includes implementing a responsive design system with design tokens for light/dark modes and micro-frontend integration for modular updates.
Overhauling an e-commerce site with Vue 3 and Pinia for state management, emphasizing product-level architecture and performance optimization. Features include a strict 8pt grid layout, design tokens for consistency, and SSR with Nuxt.js to improve load times and SEO.
Building a high-performance web app for financial data visualization using React and advanced state management, with a focus on responsive design and SSR optimization. Implements design tokens for a neutral, minimalist aesthetic with hover effects and light borders.
Creating a user-friendly portal for healthcare providers with Vue and Nuxt.js, ensuring accessibility and performance. Utilizes design tokens for light/dark modes, a structured typography hierarchy, and micro-animations to enhance usability in critical environments.
Developing a CMS for media companies using React and Next.js, with an emphasis on architecture design and performance optimization. Includes a design system with tokens for spacing and shadows, supporting responsive layouts and efficient content updates.
Offering specialized UI/UX design services on a project basis, leveraging expertise in React and Vue ecosystems to deliver high-quality, product-level interfaces. Revenue is generated through hourly rates or fixed project fees, targeting tech startups and enterprises.
Creating and selling proprietary design tools or templates built with React and Vue, such as UI component libraries or design token generators. Revenue comes from subscription plans or one-time purchases, focusing on developers and design teams.
Collaborating with digital agencies to provide front-end design and development services for client projects. Revenue is shared through contracts, emphasizing scalable solutions with performance optimization and modern frameworks like Next.js and Nuxt.js.
💬 Integration Tip
Ensure design tokens are implemented consistently across components to maintain visual harmony and support light/dark mode switching seamlessly.
Scored Apr 19, 2026
UI/UX design intelligence and implementation guidance for building polished interfaces. Use when the user asks for UI design, UX flows, information architecture, visual style direction, design systems/tokens, component specs, copy/microcopy, accessibility, or to generate/critique/refine frontend UI (HTML/CSS/JS, React, Next.js, Vue, Svelte, Tailwind). Includes workflows for (1) generating new UI layouts and styling, (2) improving existing UI/UX, (3) producing design-system tokens and component guidelines, and (4) turning UX recommendations into concrete code changes.
Interact with Figma files to read structure, export layers as images, and retrieve comments using the Figma REST API with authentication.
系统设计面试教练(System Design Interview Coach)。当用户想要练习系统设计面试、请求设计某个系统、或希望模拟面试流程时,立即使用此 skill。适用场景包括:用户说"帮我练习系统设计"、"我要设计 XX 系统"、"帮我准备系统设计面试"、"模拟一道系统设计题"、"system desi...
Generate high-fidelity UI/UX mockups for mobile and web apps using Atomic Design principles — creates wireframes and design systems via muapi.ai
UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer han...
Track game design prototype ideas, branching outcomes, dead ends, baselines, and next experiments, and optionally generate a simple SVG visualization of prot...