ui-ux-designer
OfficialDesign elegant, accessible UI with Tailwind.
AuthorJKKN-Institutions
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill provides comprehensive UI/UX design guidance for Next.js applications using Tailwind CSS and a custom brand palette. It helps teams create accessible, responsive, and visually consistent interfaces that align with the Kenavo brand.
Core Features & Use Cases
- Design System Alignment: Implement brand colors (Cream #fbfbee, Yellow #ffde59, Forest Green #0b6d41) across components.
- Responsive & Accessible UI: Ensure WCAG-compliant contrast, keyboard navigation, and responsive layouts.
- Component Design & Documentation: Create reusable React components, wireframes, and style guides for Next.js apps.
Quick Start
Reference the design system in references/design-system.md, then build a responsive Button and Card in a Next.js page using the brand colors.
Dependency Matrix
Required Modules
None requiredComponents
assetsreferences
💻 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: ui-ux-designer Download link: https://github.com/JKKN-Institutions/Kenavo/archive/main.zip#ui-ux-designer Please download this .zip file, extract it, and install it in the .claude/skills/ directory.