ui-designer-skillDesign beautiful interfaces using 16+ design systems including Material You, Fluent Design, Apple HIG, Ant Design, Carbon Design, Shopify Polaris, Minimalism...
Install via ClawdBot CLI:
clawdbot install 1999AZZAR/ui-designer-skillGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Generated Mar 1, 2026
A startup wants to modernize its analytics dashboard using Material You to improve user engagement and accessibility. The skill generates tonal color palettes, defines design tokens for light/dark themes, and ensures WCAG AA compliance for inclusive data visualization.
An online retailer seeks a minimalist interface to streamline shopping experiences on mobile devices. The skill applies generous padding, typography-driven hierarchy, and neutral palettes to enhance usability and reduce cognitive load during checkout processes.
A freelance designer needs a visually striking portfolio using Glassmorphism or Neo-Brutalism to showcase their work. The skill creates backdrop blur effects or thick black borders with vibrant colors, ensuring responsive layouts and accessible navigation for potential clients.
A healthcare provider aims to build an accessible patient portal with Claymorphism for a friendly, approachable feel. The skill designs soft 3D shapes and pastel palettes while conducting accessibility audits for WCAG AAA contrast and screen-reader compatibility.
A media company wants a high-contrast, grid-based interface inspired by Swiss Design for its news platform. The skill implements a strict 12-column grid, massive sans-serif typography, and restrained color accents to prioritize readability and content structure.
Offer UI design consultations and implementation packages to clients, leveraging the skill's automation for rapid prototyping and Tailwind CSS integration. Revenue comes from project-based fees or hourly rates for design audits and theme development.
Develop and sell a plugin or API that integrates this skill into existing design tools like Figma or development environments, providing automated color palette generation and accessibility checks. Revenue is generated through subscription plans or one-time licenses.
Partner with digital agencies to provide specialized UI design support for their client projects, using the skill to ensure consistency across design languages and streamline workflows with Cursor integration. Revenue is based on retainer agreements or revenue-sharing models.
💬 Integration Tip
Use the apply_ui_rules.py script to automatically update .cursorrules with design guidelines, ensuring AI assistance aligns with your chosen style and palette for faster iteration.
Scored Apr 19, 2026
UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer han...
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...
Build interactive HTML prototypes. Use when creating clickable mockups, adding animations, linking pages, or exporting HTML.
Figma integration. Manage Files, Projects, Teams. Use when the user wants to interact with Figma data.