tkm:design-ui
CommunityEmpower your UI/UX design with expert intelligence.
Authorkhapn-2933
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides expert-level UI/UX design intelligence, offering a comprehensive set of styles, color palettes, font pairings, UX guidelines, and chart types to streamline the design process and ensure high-quality, accessible interfaces.
Core Features & Use Cases
- Comprehensive Design Resources: Access 50+ styles, 161 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across various technology stacks.
- Design Decision Support: Make informed design choices with guidance on accessibility, performance, style, layout, typography, color, animation, forms, navigation, charts, and more.
- Use Case: Before starting a new web or mobile app project, use this Skill to generate a comprehensive design system with color palettes, typography, and UI patterns that align with your product type and target audience.
Quick Start
Use the tkm:design-ui skill to generate a design system for a "SaaS dashboard" project.
Dependency Matrix
Required Modules
pythonpandasnumpysklearn
Components
scriptsreferencesassets
💻 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: tkm:design-ui Download link: https://github.com/khapn-2933/agentic-coding-hands-on/archive/main.zip#tkm-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 620,000+ vetted skills library on demand.