html-css-style-color-guide
CommunityEnsure accessible and professional web designs.
AuthorpingqLIN
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides clear guidelines for using colors in HTML and CSS to create accessible, professional, and aesthetically pleasing web designs, avoiding common pitfalls.
Core Features & Use Cases
- Color Definitions: Categorizes colors (hot, cool, neutral, binary) and introduces the 60-30-10 rule.
- Usage Guidelines: Specifies recommended and discouraged colors for backgrounds and text, emphasizing contrast and accessibility.
- Gradient Best Practices: Offers advice on creating subtle and effective gradients.
- Use Case: A web developer can use this guide to quickly reference best practices for choosing color palettes for a new website, ensuring both visual appeal and WCAG compliance.
Quick Start
Apply the html-css-style-color-guide skill to review the color choices in the provided CSS file.
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: html-css-style-color-guide Download link: https://github.com/pingqLIN/skill-0/archive/main.zip#html-css-style-color-guide 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 471,000+ vetted skills library on demand.