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 15, 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.
Comprehensive UI design skill covering fundamentals, patterns, and anti-patterns. Layout, typography, color, spacing, accessibility, motion, and component design. Use when building any web interface, reviewing design quality, or creating distinctive UIs.
Generate and serve live HTML/CSS/JS UI designs from natural language prompts. Use when the user asks to design, create, build, or prototype a website, landing page, UI, dashboard, web page, or frontend mockup. Also triggers on requests to update, tweak, or iterate on a previously generated design. Replaces traditional UI design + frontend dev workflow.
Professional Figma design analysis and asset export. Use for extracting design data, exporting assets in multiple formats, auditing accessibility compliance, analyzing design systems, and generating comprehensive design documentation. Read-only analysis of Figma files with powerful export and reporting capabilities.
UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer han...
Next.js 16 Cache Components - PPR, use cache directive, cacheLife, cacheTag, updateTag