What is color-font-skill?

A guide for choosing coordinated colors and font pairings for presentations and other visual design work.

Use it for presentation themes, brand-safe color palettes, font recommendations, and matching colors to a subject or mood.

It helps people select readable, presentation-ready visual themes instead of choosing colors and fonts without a consistent system.

color-font-skill — Skill for Claude Code by haojing8312

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent

npx skills add haojing8312/WorkClaw --skill color-font-skill

Clone the repo

git clone --depth 1 https://github.com/haojing8312/WorkClaw

Made for: Claude Code.

Or install pptx, the plugin that ships this one along with the rest of its 6 skills, 5 agents.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

README.md

[![agentmods](https://agentmods.dev/badge/skills/haojing8312/workclaw/color-font-skill/github.svg)](https://agentmods.dev/skills/haojing8312/workclaw/color-font-skill)

Your own site

<a href="https://agentmods.dev/skills/haojing8312/workclaw/color-font-skill"><img src="https://agentmods.dev/badge/skills/haojing8312/workclaw/color-font-skill/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

Your own site · 80×15

<a href="https://agentmods.dev/skills/haojing8312/workclaw/color-font-skill"><img src="https://agentmods.dev/badge/skills/haojing8312/workclaw/color-font-skill.svg" alt="Reviewed on agentmods" width="80" height="20"></a>

Per session 63 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.

When invoked 3,205 The whole file, excluding the scripts and references it only reads on demand.

Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.

Origin 100% copy Near-identical to another mod in the catalogue.

Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

Model	Per session	Once invoked
Fable 5.1	$0.00063	$0.03205
Opus 5	$0.00032	$0.01603
Sonnet 5	$0.00013	$0.00641
Haiku 4.5	$0.00006	$0.00320

Measured 10d ago against content hash ac8ff901ad88, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-09, from the pricing page.

Security

Grade A, and why

color-font-skill scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 10d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

Origin

This is a copy

100% identical to color-font-skill — 0 lines differ, which has more behind it and is treated as the original. This page carries a canonical link to it rather than competing with it.

apps/runtime/src-tauri/builtin-skills/pptx/skills/color-font-skill/SKILL.md · 157 lines

How it starts

The opening of the file, as written. The whole thing — 157 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Color Scheme - PPT 配色方案指南

#	名称	色值	风格	适用场景	建议
1	现代与健康	`#006d77` `#83c5be` `#edf6f9` `#ffddd2` `#e29578`	清新、治愈	医疗健康、心理咨询、护肤品、瑜伽Spa	深青做标题，浅粉做背景
2	商务与权威	`#2b2d42` `#8d99ae` `#edf2f4` `#ef233c` `#d90429`	严谨、经典	年度汇报、金融分析、企业介绍、政务报告	深蓝显专业，亮红强调数据
3	自然与户外	`#606c38` `#283618` `#fefae0` `#dda15e` `#bc6c25`	沉稳、大地色	户外用品、环境保护、农业项目、历史文化	深绿为底，米色为字
4	复古与学院	`#780000` `#c1121f` `#fdf0d5` `#003049` `#669bbc`	经典、书卷气	学术讲座、历史回顾、博物馆、复古品牌	深红与深蓝对比强烈
5	柔美与创意	`#cdb4db` `#ffc8dd` `#ffafcc` `#bde0fe` `#a2d2ff`	梦幻、糖果色	母婴产品、甜品店、女性时尚、幼儿园	文字用深灰或黑色
6	波西米亚	`#ccd5ae` `#e9edc9` `#fefae0` `#faedcd` `#d4a373`	温柔、低饱和	婚礼策划、家居软装、有机食品、慢生活	米色背景，绿棕点缀
7	活力与科技	`#8ecae6` `#219ebc` `#023047` `#ffb703` `#fb8500`	高能量、运动	体育赛事、健身房、创业路演、少儿教育	深蓝稳重心，橙色做焦点
8	匠心与手作	`#7f5539` `#a68a64` `#ede0d4` `#656d4a` `#414833`	质朴、咖啡调	咖啡店、手工艺品、传统文化、烘焙教学	适合纸质/皮革质感
9	科技与夜景	`#000814` `#001d3d` `#003566` `#ffc300` `#ffd60a`	深邃、高亮	科技发布会、星空天文、夜间经济、高端汽车	必须用深色模式
10	教育与图表	`#264653` `#2a9d8f` `#e9c46a` `#f4a261` `#e76f51`	清晰、逻辑强	统计报告、教育培训、市场分析、通用商务	完美的图表配色
11	森林与环保	`#dad7cd` `#a3b18a` `#588157` `#3a5a40` `#344e41`	单色渐变、森系	园林设计、ESG报告、环保公益、植物研究	单色系安全不会乱
12	优雅与时尚	`#edafb8` `#f7e1d7` `#dedbd2` `#b0c4b1` `#4a5759`	低饱和、莫兰迪	高定服装、艺术画廊、美妆品牌、杂志风	留白是关键
13	艺术与美食	`#335c67` `#fff3b0` `#e09f3e` `#9e2a2b` `#540b0e`	浓郁、复古画报	美食纪录片、艺术展、民族风情、复古餐厅	适合大色块拼接
14	轻奢与神秘	`#22223b` `#4a4e69` `#9a8c98` `#c9ada7` `#f2e9e4`	冷艳、紫调	珠宝展示、酒店管理、高端咨询、心理学	紫色营造高端氛围
15	纯净科技蓝	`#03045e` `#0077b6` `#00b4d8` `#90e0ef` `#caf0f8`	未来感、纯净	云计算/AI、水利海洋、医院医疗、洁净能源	从深海到天空的渐变
16	海岸珊瑚	`#0081a7` `#00afb9` `#fdfcdc` `#fed9b7` `#f07167`	清爽、夏日感	旅游度假、夏季活动、饮品品牌、海洋主题	青色与珊瑚色互补亮眼
17	活力橙薄荷	`#ff9f1c` `#ffbf69` `#ffffff` `#cbf3f0` `#2ec4b6`	明亮、欢快	儿童活动、促销海报、快消品、社交媒体	橙色吸睛，薄荷绿清爽
18	铂金白金	`#0a0a0a` `#0070F3` `#D4AF37` `#f5f5f5` `#ffffff`	高端、专业	Agent产品、企业官网、金融科技、高端品牌	白金主调，蓝色行动，金色强调

Read the full file on GitHub · 157 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

10d ago First seen · 157 lines · 63 tokens per session scan A ac8ff901ad88

Subscribe to this mod's changes

color-font-skill is a skill published in the GitHub repository haojing8312/WorkClaw (141 stars, last pushed 3mo ago), licensed Apache-2.0. It adds 63 tokens to every session and 3,205 once invoked, about $0.0003 per session on Opus 5. A static security scan graded it A with 0 findings. It is 100% identical to color-font-skill, differing in 0 lines, and is treated as a copy.

Design and UX

webgl-holographic-foil

A self-contained WebGL2 hero: thin-film interference over a crushed-foil surface whose palette shifts with the viewing angle; move the cursor to tilt the film.

nexu-io/open-design · 41 tokens

html-ppt-hermes-cyber-terminal

OpenDesign + BYOK: choosing and wiring your own model, hands-on — cost, quality, and the routing decision. Built as a decision-grade AI literacy deck for engineers, IT, applied-AI teams.

nexu-io/open-design · 53 tokens

html-ppt-taste-brutalist

16:9 HTML deck in tactical-telemetry / CRT-terminal taste. Deactivated-CRT charcoal slides, white-phosphor monospace, hazard-red accent, scanline overlay, ASCII syntax, density over decoration. Distilled from Leonxlnx/taste-skill brutalist-skill (Tactical Telemetry mode).

nexu-io/open-design · 78 tokens

color-font-skill