color-font-skill

Choose presentation-ready color palettes and font pairings for PPT/design tasks. Use when users ask for visual theme choices, brand-safe palettes, or font recommendations. Triggers include: 配色, 色板, 字体, color palette, font, PPT配色, 字体搭配.

Jump to install

Repository: MiniMax-AI/skills
Last source activity: March 21, 2026 at 08:00
Detected SKILL.md language: Chinese
Stars: 13,399
Forks: 1,142

Install options

The review-first prompt is selected by default. You can switch to a direct command or download a local copy.

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

A direct command skips the review prompt. Inspect the source before running it.

npx skills add https://github.com/MiniMax-AI/skills --skill color-font-skill

The command stays on one line. Scroll horizontally to inspect it before copying.

Prefer a local copy? Download the files currently available to SkillsMP.

Review the source files

Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.

SKILL.md

Source instructions · Read-only preview

Back to search Back to installation

flutter-dev

Flutter cross-platform development guide covering widget patterns, Riverpod/Bloc state management, GoRouter navigation, performance optimization, and platform-specific implementations. Includes const optimization, responsive layouts, testing strategies, and DevTools profiling. Use when: building Flutter apps, implementing state management (Riverpod/Bloc), setting up GoRouter navigation, creating custom widgets, optimizing performance, writing widget tests, cross-platform development.

2026-04-18

frontend-dev

Full-stack frontend development combining premium UI design, cinematic animations, AI-generated media assets, persuasive copywriting, and visual art. Builds complete, visually striking web pages with real media, advanced motion, and compelling copy. Use when: building landing pages, marketing sites, product pages, dashboards, generating media assets (image/video/audio/music), writing conversion copy, creating generative art, or implementing cinematic scroll animations.

2026-04-18

react-native-dev

React Native and Expo development guide covering components, styling, animations, navigation, state management, forms, networking, performance optimization, testing, native capabilities, and engineering (project structure, deployment, SDK upgrades, CI/CD). Use when: building React Native or Expo apps, implementing animations or native UI, managing state, fetching data, writing tests, optimizing performance, deploying to App Store/Play Store, setting up CI/CD, upgrading Expo SDK, or configuring Tailwind/NativeWind.

2026-04-18

View all from this repository

name	color-font-skill
description	Choose presentation-ready color palettes and font pairings for PPT/design tasks. Use when users ask for visual theme choices, brand-safe palettes, or font recommendations. Triggers include: 配色, 色板, 字体, color palette, font, PPT配色, 字体搭配.

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产品、企业官网、金融科技、高端品牌	白金主调，蓝色行动，金色强调

Agent Design System - 完整色板

基于 tokens.css/ts 的 Platinum White-Gold Theme，提供完整色阶供精细设计使用。

White 白色系（背景与浅色表面）

色阶	色值	用途
white-0	`#ffffff`	主背景
white-50	`#fefefe`	略带暖调的白
white-75	`#fcfcfc`	微灰白
white-100	`#fafafa`	次级背景
white-200	`#f7f7f7`	卡片背景
white-300	`#f5f5f5`	三级背景
white-400	`#f0f0f0`	分隔区域
white-500	`#ebebeb`	边框浅色
white-600	`#e5e5e5`	禁用态背景
white-700	`#e0e0e0`	深灰白
white-800	`#d9d9d9`	占位符
white-900	`#d4d4d4`	分隔线
white-1000	`#cccccc`	最深白

Gold 金色系（铂金商务强调色）

色阶	色值	用途
gold-25	`#FFFDF5`	极浅金背景
gold-50	`#FEF9E7`	浅金背景
gold-75	`#FCF3D0`	淡金高亮
gold-100	`#FAECB8`	金色 hover 态
gold-200	`#F5DC8A`	亮金强调
gold-300	`#E8C860`	金色悬停
gold-400	`#D4AF37`	主金色（核心）
gold-500	`#B8972E`	金色文字
gold-600	`#9A7E26`	深金强调
gold-700	`#7C651E`	暗金边框
gold-800	`#5E4C16`	深金背景
gold-900	`#40330F`	极深金
gold-1000	`#221A08`	黑金

Blue 蓝色系（主操作色）

色阶	色值	用途
blue-25	`#F0F7FF`	极浅蓝背景
blue-50	`#E0EFFF`	信息提示背景
blue-75	`#C2DFFF`	浅蓝高亮
blue-100	`#A3CFFF`	禁用态蓝
blue-200	`#66AFFF`	亮蓝
blue-300	`#338FFF`	蓝色悬停
blue-400	`#0070F3`	主蓝色（核心）
blue-500	`#005FCC`	蓝色文字
blue-600	`#004FA6`	深蓝强调
blue-700	`#003F80`	暗蓝边框
blue-800	`#002F5A`	深蓝背景
blue-900	`#001F3D`	极深蓝
blue-1000	`#001026`	黑蓝

Gray 灰色系（文字与中性色）

色阶	色值	用途
gray-0	`#ffffff`	白色
gray-50	`#fafafa`	极浅灰
gray-75	`#f5f5f5`	浅灰背景
gray-100	`#ededed`	分隔线浅
gray-200	`#d4d4d4`	边框浅
gray-300	`#a3a3a3`	四级文字
gray-400	`#737373`	三级文字
gray-500	`#525252`	二级文字
gray-600	`#404040`	深灰
gray-700	`#2e2e2e`	暗色背景
gray-800	`#1f1f1f`	深色背景
gray-900	`#141414`	极深背景
gray-1000	`#0a0a0a`	主文字色（核心）

透明度色值

Opacity Black（黑色透明）

透明度	色值	用途
0%	`#0a0a0a00`	全透明
2%	`#0a0a0a05`	微弱遮罩
4%	`#0a0a0a0a`	次级交互背景
8%	`#0a0a0a14`	边框/分隔
15%	`#0a0a0a26`	按压态
20%	`#0a0a0a33`	浅遮罩
25%	`#0a0a0a40`	中遮罩
50%	`#0a0a0a80`	半透明
70%	`#0a0a0ab2`	深遮罩
80%	`#0a0a0acc`	悬停态
90%	`#0a0a0ae5`	tooltip
95%	`#0a0a0af2`	弹窗

Opacity White（白色透明）

透明度	色值	用途
0%	`#ffffff00`	全透明
2%	`#ffffff05`	微弱遮罩
4%	`#ffffff0a`	次级交互背景
8%	`#ffffff12`	边框/分隔
15%	`#ffffff26`	按压态
20%	`#ffffff33`	浅遮罩
25%	`#ffffff40`	中遮罩
50%	`#ffffff80`	半透明
70%	`#ffffffb2`	深遮罩
80%	`#ffffffcc`	悬停态
90%	`#ffffffe5`	tooltip
95%	`#fffffff2`	弹窗

语言	默认字体	可选字体
中文	微软雅黑 (Microsoft YaHei)	—
英文	Arial	Georgia, Calibri, Cambria, Trebuchet MS

语言	默认字体	可选字体
中文	微软雅黑 (Microsoft YaHei)	—
英文	Arial	Georgia, Calibri, Cambria, Trebuchet MS

color-font-skill

Install options

Review the source files

Color Scheme - PPT 配色方案指南

Agent Design System - 完整色板

White 白色系（背景与浅色表面）

Gold 金色系（铂金商务强调色）

Blue 蓝色系（主操作色）

Gray 灰色系（文字与中性色）

透明度色值

Opacity Black（黑色透明）

Opacity White（白色透明）

Font Family - 字体规范

推荐字体

Color Scheme - PPT 配色方案指南

Agent Design System - 完整色板

White 白色系（背景与浅色表面）

Gold 金色系（铂金商务强调色）

Blue 蓝色系（主操作色）

Gray 灰色系（文字与中性色）

透明度色值

Opacity Black（黑色透明）

Opacity White（白色透明）

Font Family - 字体规范

推荐字体

color-font-skill

Source facts

Install options

Review the source files

More from this repository

Color Scheme - PPT 配色方案指南

Agent Design System - 完整色板

White 白色系（背景与浅色表面）

Gold 金色系（铂金商务强调色）

Blue 蓝色系（主操作色）

Gray 灰色系（文字与中性色）

透明度色值

Opacity Black（黑色透明）

Opacity White（白色透明）

Font Family - 字体规范

推荐字体

More from this repository

Color Scheme - PPT 配色方案指南

Agent Design System - 完整色板

White 白色系（背景与浅色表面）

Gold 金色系（铂金商务强调色）

Blue 蓝色系（主操作色）

Gray 灰色系（文字与中性色）

透明度色值

Opacity Black（黑色透明）

Opacity White（白色透明）

Font Family - 字体规范

推荐字体