Claude Marketplaces
SkillsMCP serversMarketplacesDigestTools
Submit

This week in Claude

Every Monday: Claude Code, Agent SDK, MCP, and the Anthropic platform moves worth your time.

Skills by category
Frontend DevelopmentBackend & APIsTesting & QASecurityDevOps & CI/CDGit & Pull RequestsDocumentationCode Review & QualityAI & Agent BuildingSkill Development
MCP servers by category
Sales & MarketingWeb & Browser AutomationDatabasesAI & LLM ToolsCloud & InfrastructureCommunication & MessagingDeveloper ToolsDesign & CreativeDocuments & KnowledgeSearch & Web Crawling
Marketplaces by category
AI Agents & OrchestrationLLM IntegrationDevelopment ToolsFrontend & UIBackend & APIsDatabasesTesting & Code QualityDevOps & CloudSecurity & ComplianceGit & Version Control
Claude Marketplaces

An independent directory of skills, plugins and MCP servers for Claude Code. Not affiliated with Anthropic.

Browse

  • Skills
  • MCP servers
  • Marketplaces
  • Weekly digest
  • Skill index
  • MCP index
  • Marketplace index

Site

  • About
  • Tools
  • Submit
  • Feedback
  • Privacy
  • llms.txt
  • Plugins reference

Maker

  • Snug
  • Agent Caffeine
  • knobs
  • Wax
  • Vectoys
  • mertduzgun.com
Crafted at
Skills/Design & UI/UX
pbakaus avatar

Colorize

pbakaus/impeccable

A solid approach to adding purposeful color to gray, monochromatic interfaces without creating rainbow chaos. It runs through semantic color strategy (greens for success, reds for errors), applies the 60-30-10 color distribution rule, and uses OKLCH color space for perceptually uniform palettes. The skill checks WCAG contrast ratios and avoids the classic mistake of relying on color alone for meaning. What I like is how it emphasizes restraint over saturation and pushes you to justify every color choice with semantic purpose rather than just making things look "more vibrant."

installs
80.9K
GitHub stars
89.4K
last updated
Aug 21, 2026
View on GitHubSave

Install

$ npx -y skills add pbakaus/impeccable --skill colorize --agent claude-code

Installs into .claude/skills of the current project.

Files

A solid approach to adding purposeful color to gray, monochromatic interfaces without creating rainbow chaos. It runs through semantic color strategy (greens for success, reds for errors), applies the 60-30-10 color distribution rule, and uses OKLCH color space for perceptually uniform palettes. The skill checks WCAG contrast ratios and avoids the classic mistake of relying on color alone for meaning. What I like is how it emphasizes restraint over saturation and pushes you to justify every color choice with semantic purpose rather than just making things look "more vibrant."

Browse the repository on GitHub

Sponsors

SnugThe clipboard manager you and your agent can use, safelyAgent CaffeineClose your lid, come back to finished workWaxBlock anything with supervision, without erasing your iPhoneOpen StepsSponsoredFree and open-source skills that make AI coding agents easier to understand, verify, and control.

Details

Repository
github.com/pbakaus/impeccable
Category
Design & UI/UX

More from pbakaus/impeccable

All 24
  • Bolder80K
  • Delight79.8K
  • Distill79.5K
  • Quieter78.7K
  • Typeset64.7K
  • Overdrive62.8K
  • Normalize54.3K
  • Extract53.2K
  • Frontend Design53.2K
  • Onboard53.1K
  • Harden53K
  • Teach Impeccable50K
  • Arrange39.1K
  • Shape30K
  • Layout26.4K
  • Impeccable363.1K
  • Polish85.2K
  • Critique82.6K
  • Audit81.9K
  • Animate81.7K
  • Adapt81.7K
  • Clarify81.2K
  • Optimize81.1K

Recommended

More Design & UI/UX
1pbakaus avatarbolderpbakaus/impeccableAmplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability. Use when the user says the 80Kinstalls
2greensock avatargsap-coregreensock/gsap-skillsOfficial GSAP skill for the core API — gsap.to(), from(), fromTo(), easing, duration, stagger, defaults, gsap.matchMedia() (responsive, prefers-reduced-motion).75.9Kinstalls
3jakubkrehel avatarmake-interfaces-feel-betterjakubkrehel/make-interfaces-feel-betterDesign engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover stat73.6Kinstalls
4heygen-com avatarcss-animationsheygen-com/hyperframesCSS animation adapter patterns for HyperFrames. Use when authoring CSS keyframes, animation-delay based timing, animation-fill-mode, animation-play-state, or CS72.3Kinstalls
5heygen-com avatarwaapiheygen-com/hyperframesWeb Animations API adapter patterns for HyperFrames. Use when authoring element.animate() motion, Animation currentTime seeking, document.getAnimations(), Keyfr68.7Kinstalls
6addyosmani avatarfrontend-ui-engineeringaddyosmani/agent-skillsBuilds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating components, implementing layout68Kinstalls