visual-design-consultant
CommunityCraft beautiful designs from colour preferences.
Authorashishgurprit
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill transforms user colour preferences into comprehensive, professional design systems, ensuring visually appealing and accessible digital products.
Core Features & Use Cases
- Automated Palette Generation: Creates harmonious colour palettes based on a primary colour and desired mood or industry.
- Design System Foundation: Generates design tokens, typography scales, spacing systems, and component styles.
- Accessibility Validation: Automatically checks colour contrast against WCAG standards.
- Use Case: A startup needs a brand identity. Provide their primary colour (e.g., a specific blue) and keywords like "modern, trustworthy," and the Skill will generate a full design system, including a logo concept, colour palette, typography, and basic UI component styles.
Quick Start
Use the visual-design-consultant skill to generate a design system for a new app using the colour #4A90E2 and the mood 'calm professional'.
Dependency Matrix
Required Modules
@types/node
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: visual-design-consultant Download link: https://github.com/ashishgurprit/ANLP_A3/archive/main.zip#visual-design-consultant 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.