How do I install the Colors skill?

Run npx skillmds add majiayu000/colors-2 in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Colors safe to use?

This skill has not completed SkillMD's automated safety review yet. Capability flags: docs only. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Colors?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Colors free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Colors?

majiayu000 (@majiayu000) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Colors by majiayu000 — Agent Skill

Name: Colors
Rating: 4.2 (5 reviews)
Author: majiayu000

File contents

Skill: Colors

Reference guide for portfolio color palettes.

Quick Lookup by Vibe

Vibe	Palette	Key Colors
Professional	Minimalist	`#F4F4F4` `#2E2E2E` `#4A90E2`
Creative	Bold	`#1B1B1B` `#F8B400` `#E63946`
Technical	Tech	`#0F172A` `#22D3EE` `#64748B`
Approachable	Earthy	`#E9C46A` `#264653` `#2A9D8F`
Luxury	Elegant	`#1C1C1C` `#BFA181` `#D4C5B0`
Calm	Soft	`#F3EEE9` `#C4737C` `#DFA0F3`
Mysterious	Night	`#272930` `#17191A` `#B8B8CA`
Nature	Forest	`#1C1C1C` `#435146` `#4A6958`

Full Palettes

Minimalist & Modern

Frontend devs, clean professional look

#F4F4F4 background   #2E2E2E text
#FFFFFF surface      #4A90E2 accent

Bold & Creative

Designers, personality-forward

#1B1B1B background   #FFFFFF text
#F8B400 primary      #E63946 secondary

Tech & Futuristic

Backend, AI, cybersecurity

#0F172A background   #F4F4F4 text
#22D3EE accent       #64748B muted

Earthy & Trustworthy

Sustainability, ethical tech

#FFFFFF background   #264653 primary
#E9C46A accent       #2A9D8F secondary

Elegant & High-End

Senior devs, consultants

#1C1C1C background   #F4F4F4 text
#BFA181 primary      #D4C5B0 secondary

Calm Down

Wellness, personal brands

#F3EEE9 background   #E1D3CA secondary
#C4737C primary      #DFA0F3 accent

Night Wander

Photography, contemplative

#272930 background   #121315 deep
#17191A surface      #B8B8CA accent

ReGrowth (Forest)

Nature-focused elegance

#1C1C1C background   #1B2922 deep
#435146 primary      #4A6958 secondary

Sahara Elegance

Lifestyle, warmth

#273231 background   #17191A deep
#EEC5A0 primary      #AD6E54 accent

Minimal Luxury

Monochromatic tech

#141413 background   #AFACA1 primary
#BDBBB2 secondary    #C9C8BF tertiary

Application

60-30-10 Rule: 60% background, 30% secondary, 10% accent

Element	Color Role
Page background	Background
Headers, nav, buttons	Primary
Cards, surfaces	Secondary
CTAs, links, hover	Accent

Avoid

Anthropic coral/orange (#FF6B35, #E76F51)
Pure #000000 on #FFFFFF (too harsh)
Multiple saturated colors competing
Neon without purpose

---name: colors-2description: Reference guide for portfolio color palettes. Includes quick vibe lookup, full palettes, and application guidelines using the 60-30-10 rule.--- # Skill: Colors Reference guide for portfolio color palettes. --- ## Quick Lookup by Vibe | Vibe | Palette | Key Colors | |------|---------|------------| | Professional | Minimalist | `#F4F4F4` `#2E2E2E` `#4A90E2` | | Creative | Bold | `#1B1B1B` `#F8B400` `#E63946` | | Technical | Tech | `#0F172A` `#22D3EE` `#64748B` | | Approachable | Earthy | `#E9C46A` `#264653` `#2A9D8F` | | Luxury | Elegant | `#1C1C1C` `#BFA181` `#D4C5B0` | | Calm | Soft | `#F3EEE9` `#C4737C` `#DFA0F3` | | Mysterious | Night | `#272930` `#17191A` `#B8B8CA` | | Nature | Forest | `#1C1C1C` `#435146` `#4A6958` | --- ## Full Palettes ### Minimalist & Modern Frontend devs, clean professional look ``` #F4F4F4 background #2E2E2E text #FFFFFF surface #4A90E2 accent ``` ### Bold & Creative Designers, personality-forward ``` #1B1B1B background #FFFFFF text #F8B400 primary #E63946 secondary ``` ### Tech & Futuristic Backend, AI, cybersecurity ``` #0F172A background #F4F4F4 text #22D3EE accent #64748B muted ``` ### Earthy & Trustworthy Sustainability, ethical tech ``` #FFFFFF background #264653 primary #E9C46A accent #2A9D8F secondary ``` ### Elegant & High-End Senior devs, consultants ``` #1C1C1C background #F4F4F4 text #BFA181 primary #D4C5B0 secondary ``` ### Calm Down Wellness, personal brands ``` #F3EEE9 background #E1D3CA secondary #C4737C primary #DFA0F3 accent ``` ### Night Wander Photography, contemplative ``` #272930 background #121315 deep #17191A surface #B8B8CA accent ``` ### ReGrowth (Forest) Nature-focused elegance ``` #1C1C1C background #1B2922 deep #435146 primary #4A6958 secondary ``` ### Sahara Elegance Lifestyle, warmth ``` #273231 background #17191A deep #EEC5A0 primary #AD6E54 accent ``` ### Minimal Luxury Monochromatic tech ``` #141413 background #AFACA1 primary #BDBBB2 secondary #C9C8BF tertiary ``` --- ## Application **60-30-10 Rule**: 60% background, 30% secondary, 10% accent | Element | Color Role | |---------|------------| | Page background | Background | | Headers, nav, buttons | Primary | | Cards, surfaces | Secondary | | CTAs, links, hover | Accent | --- ## Avoid - Anthropic coral/orange (`#FF6B35`, `#E76F51`) - Pure `#000000` on `#FFFFFF` (too harsh) - Multiple saturated colors competing - Neon without purpose

Frequently asked questions