Provide vibe-based palettes and 60-30-10 application guidelines for portfolio color systems.
npx skills add https://github.com/avi-007/portfolio --skill colors-avi-007
Please help me install this Agent Skill. Skill: colors Source: https://github.com/avi-007/portfolio/tree/main/.agent/skills/colors Command: npx skills add https://github.com/avi-007/portfolio --skill colors-avi-007
Reference guide to establish cohesive color systems for portfolios, providing vibe-based palettes, full palettes, and practical guidelines using the 60-30-10 rule.
Review the vibe you want (e.g., Professional, Bold, Tech) and apply the matching palette to your UI following the 60-30-10 rule.
High-intent search queries and answers about installing and using this skill.
The 60-30-10 rule divides your UI into 60% backgrounds, 30% surfaces, and 10% accents. This Skill maps curated portfolio color palettes directly to these proportional guidelines for cohesive visual design.
Yes, you can access full ready-to-use color palettes for Minimalist, Bold, Tech, Earthy, Elegant, Calm, Night, and Forest themes. Each set provides predefined colors for immediate application across your UI elements.
You choose colors by applying the 60-30-10 rule across your UI elements, allocating proportions to backgrounds, surfaces, and accents. This Skill provides practical application guidelines and ready-to-use palette mappings for these specific scenarios.
No extensive design experience is required to use these color systems. The Skill provides a quick lookup by vibe and practical guidelines that map directly to UI elements, making portfolio color selection straightforward.
eyadsibaiDefine brand identity with logo, color, typography, and voice guidelines.
rizaldiemApply curated color palettes and font pairings to presentation decks and documents.
Owl-ListenerGenerate layout, typography, and color plans aligned with WCAG accessibility criteria.
shirulotGenerate WCAG-compliant color palettes with contrast ratio calculations.
