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
Implements UI from design mockups (Figma, Sketch, or image) with pixel-accurate layout, responsive behavior, and design tokens. Use when 还原设计图, implementing...
Complete Motion.dev documentation - modern animation library for React, JavaScript, and Vue (formerly Framer Motion)
Build immersive, cinematic 2.5D interactive websites using scroll storytelling, parallax depth, text animations, and premium scroll effects — no WebGL requir...
Figma integration. Manage Files, Projects, Teams. Use when the user wants to interact with Figma data.
Build interactive HTML prototypes. Use when creating clickable mockups, adding animations, linking pages, or exporting HTML.
Generate professional book covers and ebook covers using each::sense API with AI-powered design