Skills 总览索引

Section 01

办公文档处理

docx / xlsx / pptx / pdf — 覆盖文档、表格、演示和 PDF 全链路

docx Word 文档全能处理

创建、读取、编辑 .docx；含目录 / 标题 / 页码 / 信头 / 表格；图片替换、find-and-replace、追踪更改、评论处理；.doc 转 .docx

使用 docx 技能，帮我生成一份 Word 版的月度报告，含目录和页码
使用 docx 技能，把这份 .docx 里所有的 {{公司名}} 替换成「Anthropic」
使用 docx 技能，读一下这份 Word 里的表格内容，整理成 Markdown
使用 docx 技能，给这份合同做 find-and-replace 并保留格式
使用 docx 技能，把 legacy.doc 转成 docx 再编辑
使用 docx 技能，在 Word 文档开头加一个自动目录
使用 docx 技能，提取这份 Word 的所有图片

xlsx Excel / CSV 表格与财务建模

处理 .xlsx/.xlsm/.csv/.tsv；公式、图表、条件格式、数据清洗；金融模型颜色规范（蓝色硬编码、黑色公式、绿色跨表）；零公式错误保证

使用 xlsx 技能，帮我把这份 csv 清洗一下，去掉空行和重复
使用 xlsx 技能，做一个三表联动的财务模型（利润表/资产负债表/现金流量表）
使用 xlsx 技能，给这份销售数据加一列同比、环比增长，并做透视图
使用 xlsx 技能，把这几张 Excel 合并到一个工作簿里
使用 xlsx 技能，我 Downloads 里的那份 xlsx，帮我算一下 ROI 汇总
使用 xlsx 技能，修复这个模型里所有的 #REF! / #DIV/0! 错误
使用 xlsx 技能，按行业标准（蓝/黑/绿）给这份财务模型上色

pptx PPT 幻灯片制作与解析

创建 pitch deck / 演示；读取/解析/提取 .pptx 文本；编辑模板、布局、speaker notes、评论；合并/拆分 deck

使用 pptx 技能，帮我做一份 15 页的产品发布 PPT
使用 pptx 技能，从这个 pptx 提取所有文字整理成摘要
使用 pptx 技能，把这几份 deck 合并成一份
使用 pptx 技能，基于这个模板生成新的幻灯片
使用 pptx 技能，把讲者备注加到每一页
使用 pptx 技能，生成一份投资人路演 deck
使用 pptx 技能，给我看一下这份 pptx 的缩略图预览

pdf PDF 全栈处理

读取/抽取文本与表格、合并/拆分/旋转、加水印、新建 PDF、填表单、加密/解密、抽图、OCR

使用 pdf 技能，合并这 5 份 PDF 成一份
使用 pdf 技能，从这份 PDF 里抽出所有表格
使用 pdf 技能，给这份 PDF 加水印「机密」
使用 pdf 技能，帮我填一下这份 PDF 表单
使用 pdf 技能，扫描件 PDF 做 OCR 让它可搜索
使用 pdf 技能，把这份 PDF 拆成每页一个文件
使用 pdf 技能，提取 PDF 里的所有图片
使用 pdf 技能，给这份 PDF 加密码

Section 02

视觉设计与艺术

canvas-design / algorithmic-art / brand-guidelines / theme-factory / slack-gif-creator / kinetic-designer-mastery / fireworks-tech-graph

canvas-design 海报 / 静态艺术作品

先写「设计哲学」再用 canvas 表达；90% 视觉 + 10% 文字；避免抄袭真实艺术家作品

使用 canvas-design 技能，给我做一张展览海报，主题是「寂静」
使用 canvas-design 技能，设计一张生日卡，复古印刷质感
使用 canvas-design 技能，做一幅抽象艺术 PNG，冷色调 + 几何
使用 canvas-design 技能，画一张演唱会周边的 A2 海报
使用 canvas-design 技能，给我的博客首页做一张 hero 视觉图

algorithmic-art 生成艺术 / p5.js

先写「算法哲学」manifesto，再输出 p5.js 交互式 html+js；流场、粒子系统、种子随机；可交互参数

使用 algorithmic-art 技能，用 p5.js 做一个流场粒子动画
使用 algorithmic-art 技能，生成一份算法艺术作品，灵感来自海浪
使用 algorithmic-art 技能，做一个可交互的生成艺术页面，可以拖参数
使用 algorithmic-art 技能，写一个 generative art 作品，用柏林噪声
使用 algorithmic-art 技能，给我一个算法美学 manifesto 加实现

brand-guidelines Anthropic 官方品牌

Anthropic 品牌色（Dark #141413 / Light #faf9f5 / Orange #d97757 等）+ 字体规范

使用 brand-guidelines 技能，用 Anthropic 品牌色做一张海报
使用 brand-guidelines 技能，这个页面应用一下 Anthropic 的视觉规范
使用 brand-guidelines 技能，给这份 PPT 换成 Anthropic 品牌样式
使用 brand-guidelines 技能，做一份符合 Anthropic 品牌的内部通告

theme-factory 10 款预设主题

一键为 slide/文档/HTML 应用配色+字体主题；也能按需生成新主题

使用 theme-factory 技能，给我展示一下所有主题
使用 theme-factory 技能，把这份 deck 换成某一个主题
使用 theme-factory 技能，给这份 HTML 报告套一个商务风主题
使用 theme-factory 技能，基于这几张图生成一套自定义主题

slack-gif-creator Slack 专用动图

128×128 emoji / 480×480 消息；10–30 fps；优化文件体积；<3 秒

使用 slack-gif-creator 技能，做一个 Slack emoji GIF：某某在跳舞
使用 slack-gif-creator 技能，给团队做一个 celebrate 的 Slack GIF
使用 slack-gif-creator 技能，做一个 128×128 的 Slack 表情动图：🔥 燃烧
使用 slack-gif-creator 技能，做一个 Slack 庆祝发布的动图

kinetic-designer-mastery 动感图文排版大师

kinetic typography；React + framer-motion；.json 模板配置；解决排版重叠；radial / linear / grid 布局 + effector 动画

使用 kinetic-designer-mastery 技能，帮我做一个动感排版的 json 模板
使用 kinetic-designer-mastery 技能，修一下这个 kinetic designer 的排版重叠问题
使用 kinetic-designer-mastery 技能，给我一段 radial 布局的文字动画
使用 kinetic-designer-mastery 技能，生成一个电影级开场字幕模板
使用 kinetic-designer-mastery 技能，帮我调整 fontSize 和 spacingX 的比例

fireworks-tech-graph 技术架构图 SVG + PNG

生产级 SVG 技术图（架构/流程/时序/数据流/概念图），通过 rsvg-convert 导出 PNG

使用 fireworks-tech-graph 技能，画一张系统架构图
使用 fireworks-tech-graph 技能，帮我画一下这个服务的调用时序图
使用 fireworks-tech-graph 技能，可视化一下这个 agent 的 memory 结构
使用 fireworks-tech-graph 技能，生成一张数据流图，导出 PNG
使用 fireworks-tech-graph 技能，画个流程图描述登录流程
使用 fireworks-tech-graph 技能，做一张概念图说明 RAG 的原理

Section 03

前端与 UI 工程

frontend-design / ui-ux-pro-max / awesome-design-md / galaxy-ui / huashu-design / web-artifacts-builder

frontend-design 高品质前端（通用）

避开「AI slop」；BOLD 美学方向；production-grade 组件/页面/落地页；独特字体 + 克制色彩

使用 frontend-design 技能，给我做一个高质感的 landing page
使用 frontend-design 技能，做一个 dashboard 页面，要有强烈的设计感
使用 frontend-design 技能，帮我写一个 React 组件，风格 brutalist
使用 frontend-design 技能，做一个 editorial 风格的博客主页
使用 frontend-design 技能，不要 AI slop，给我一版真的好看的

ui-ux-pro-max UI/UX 设计智能体

50 种风格 / 97 配色 / 57 字体搭配 / 25 图表类型 / 9 大技术栈（React/Next/Vue/Svelte/SwiftUI/RN/Flutter/Tailwind/shadcn）；按优先级（可访问性→触控→性能→布局→字排→动画→风格→数据）给建议

使用 ui-ux-pro-max 技能，给我推荐一套 SaaS dashboard 的配色 + 字体
使用 ui-ux-pro-max 技能，review 一下这个页面的 UX 问题
使用 ui-ux-pro-max 技能，我要做 e-commerce 首页，推荐几个风格
使用 ui-ux-pro-max 技能，帮我选一个 glassmorphism / bento grid / brutalism 的方案
使用 ui-ux-pro-max 技能，优化一下这段 Tailwind 的 accessibility
使用 ui-ux-pro-max 技能，推荐一个适合 fintech 的配色方案

awesome-design-md 59 个品牌设计系统

按品牌「照抄」：Airbnb / Apple / Stripe / Linear / Notion / Vercel / Tesla / Nike / Ferrari / Spotify 等 59 家的完整色板、字体、组件、间距、阴影

使用 awesome-design-md 技能，做一个 Stripe 风格的 pricing 页面
使用 awesome-design-md 技能，给我做一个 Linear 风格的 dashboard
使用 awesome-design-md 技能，这个组件应用 Notion 的 vibe
使用 awesome-design-md 技能，帮我抄 Airbnb 的 landing page 感觉
使用 awesome-design-md 技能，按 Vercel 的设计系统做一个首页
使用 awesome-design-md 技能，让它看起来像 Apple 官网

galaxy-ui 3000+ 精选 UI 组件库

本地可搜索的 HTML/CSS 组件库；按钮、卡片、loader、switch、checkbox、input 等；高度动画化

使用 galaxy-ui 技能，给我一个酷炫的 loader 组件
使用 galaxy-ui 技能，搜一个渐变按钮，粘到页面上
使用 galaxy-ui 技能，找一个 glassmorphism 的卡片
使用 galaxy-ui 技能，来一个有 hover 动效的 checkbox
使用 galaxy-ui 技能，找一个 Uiverse 里的 pink button
使用 galaxy-ui 技能，给我三个不同风格的 toggle switch 代码

huashu-design 高保真 HTML 原型 / 动画

HTML 做高保真原型、交互 Demo、幻灯片、动画、设计变体；可导出 MP4/GIF（25fps 基础 + 60fps 插帧）；事实验证（WebSearch）先于假设；App 原型专属守则（真图+状态管理+Playwright测试）；设计方向顾问（5 流派 × 20 种哲学）；专家级 5 维度评审