design-ui
OfficialCraft unique, accessible, and non-generic UIs.
Design & Creative#accessibility#landing page#design systems#dashboard#design tokens#ui design#vibe code
AuthorClaude-Code-Community-Ireland
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill tackles the challenge of creating distinctive, high-quality user interfaces that avoid generic AI-generated patterns and adhere to modern design principles.
Core Features & Use Cases
- AI-Powered Design Guidance: Provides expert advice on UI design patterns, accessibility standards, and design token creation.
- Anti-Vibe-Code Patterns: Actively helps eliminate common, generic AI design tells like overly rounded corners or bland gradients.
- Sector-Specific Design: Offers tailored recommendations for industries like Fintech, Healthcare, E-commerce, SaaS, and Creative.
- Use Case: When a user asks to "design a dashboard for a new fintech app," this Skill will guide the process, ensuring the design is accessible, unique, and aligned with industry best practices.
Quick Start
Use the design-ui skill to generate a responsive landing page for a new SaaS product.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: design-ui Download link: https://github.com/Claude-Code-Community-Ireland/claude-code-resources/archive/main.zip#design-ui Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.