color-scale
从品牌色生成感知均匀的 OKLCH 11 级色阶（50-950），并自动生成与品牌协调的中性色和语义色，可输出 CSS 变量、Tailwind 配置或 JSON tokens。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-30 00:12
设计与创作
21,250 个结果
dark-mode
该技能用于实现深色模式与主题切换，基于语义化颜色令牌、CSS 自定义属性与系统偏好检测，构建可维护、可访问且跨框架的主题系统。
token-docs
token-docs 是设计系统技能中的设计令牌文档生成器，可为设计令牌生成包含可视化色板、使用指南、代码示例和交叉引用表的文档，适用于记录令牌值、创建令牌参考指南或构建可视化文档页面。
kpi-dashboard-design
用于设计 KPI 仪表盘的技能，涵盖指标选择、可视化最佳实践与实时监控模式，适用于高管看板、部门指标视图与现有仪表盘布局改进。
llava
LLaVA 是开源视觉语言模型，结合 CLIP 视觉编码器与 Vicuna/LLaMA 语言模型，支持图像对话、视觉问答、图片描述与视觉指令跟随，采用 Apache 2.0 许可，提供 7B 至 34B 多种规模。
stripe-setup
用于为 Pitfal Solutions 摄影套餐配置 Stripe 产品、价格与 Webhook 的技能，通过 Stripe CLI 创建人像、活动拍摄、数字下载和打印等商品及对应价格，并设置本地与生产环境的支付回调。
brief-graphic
为单个视觉素材生成平面设计简报的技能，覆盖社交帖、缩略图、横幅、OG卡片、主视觉插画与户外广告等，输出图像生成提示词或设计师交接规格。它不负责渲染，也不适用于用户流程或线框图。
brief-landing-page
为转化型落地页或改版生成活动级简报的技能，涵盖假设、页面节奏、逐节规格、素材位与文案候选，并输出可交付设计或编码代理的交接提示。
pencil
Pencil 是一个通过 Pencil MCP 与加密 .pen 设计文件交互的技能，可读取、修改设计并校验布局。适用于用户提到 pencil、.pen、设计稿编辑，或需要列出工具、执行 batch_get/batch_design 的场景。
pencil-mcp-batch-design
Pencil 的批量设计技能，通过调用 Pencil MCP 工具 batch_design 批量执行画布上的设计变更，是智能体操作设计稿的“手”，支持插入、更新、替换、删除和移动节点。
pencil-mcp-get-guidelines
pencil-mcp-get-guidelines 是一个用于调用 Pencil MCP 工具 get_guidelines 的技能，可获取设计系统、代码生成、表格、Tailwind CSS 与落地页等主题的规范说明，供后续设计操作参考。仅在用户明确提及 Pencil 时使用。
pencil-mcp-get-style-guide
Pencil MCP 技能，用于调用 get_style_guide 工具获取指定风格的详细定义，包括调色板、字体规则等元数据。仅在用户明确提及 Pencil 时使用。
pencil-mcp-get-variables
Pencil 设计工具的技能，用于调用 MCP 工具 get_variables 读取当前文档中的设计变量（Design Tokens），包括颜色、字体、间距等，以便在设计操作中使用语义化名称而非硬编码值。
pencil-skill-creator
用于创建新的 pencil-ui-design-system-* 技能，为 Pencil 设计系统初始化提供支持，可添加 layui、antd、bootstrap、element、uview 等设计系统。
pencil-ui-design-spec-generator
将模糊的用户需求转化为动作级 PENCIL_PLAN 的规划技能，输出一系列 Pencil MCP 工具调用步骤，本身不执行任何工具。仅在用户明确提到 Pencil 或编排 Pencil 设计任务时使用。
pencil-ui-design-system-antd
用于在 Pencil 中初始化 Ant Design 设计系统的技能：注册 Ant Design 设计令牌变量，并在 .pen 文件中创建组件总览框架。仅在用户明确提到 Pencil 与 Ant Design（antd）时使用。
pencil-ui-design-system-bootstrap
该技能用于在 Pencil 中初始化基于 Bootstrap 规范的设计系统，主要工作是在 .pen 文件中注册 Bootstrap 设计令牌（变量）并搭建初始组件库框架。它通过输出 PENCIL_PLAN，由 Agent 依次调用 Pencil MCP 工具（open_document、set_variables、batch_design，可选 get_screenshot）来执行。变量部分涵盖 Bootstrap 的主色与语义色（如 bs-primary #0d6efd、bs-secondary #6c757d、bs-success #198754、bs-danger #dc3545、bs-warning #ffc107、bs-info #0dcaf0、bs-light #f8f9fa、bs-dark #212529）、正文与边框相关令牌（bs-body-color、bs-border-color、bs-border-radius）以及基础字号（bs-font-size-base）。组件概览框架按 Bootstrap 文档划分为布局、内容、表单、组件和工具类等分区，并使用 Auto Layout 组织。该技能有明确使用约束：仅在用户明确提到 Pencil 与 Bootstrap，或正在编排 Pencil 设计系统初始化任务时使用。
pencil-ui-design-system-echarts
在 Pencil 中初始化 ECharts 图表设计系统的技能：注册图表主题配色与字体等设计令牌，并创建线、柱、饼等图表类型的占位框架，用于搭建数据可视化布局。
pencil-ui-design-system-element
该技能用于在 Pencil 中初始化基于 Element Plus 规范的设计系统。它通过生成 PENCIL_PLAN，指导 Agent 依次调用 Pencil MCP 工具（open_document、set_variables、batch_design，可选 get_screenshot），完成两件事：一是用 set_variables 注册 Element Plus 设计令牌（主色、成功、警告、危险、信息等语义色，文字与边框色，基础圆角与字体大小等），二是用 batch_design 创建 "Components Overview" 组件总览画板，按基础、布局、表单、数据、导航、反馈等官方文档分组列出各组件（如 Button、Input、Table、Menu、Dialog 等），并建议使用 Auto Layout 排版，单次 batch_design 调用最多 25 个操作。该技能需在用户明确提及 Pencil 与 Element（或 Element Plus），或正在执行 Pencil 设计系统初始化任务时才使用。
pencil-ui-design-system-layui
用于在 Pencil 中初始化 Layui（或 layui-vue）设计系统的技能：注册 Layui 设计令牌并生成组件总览画板。仅在用户明确提到 Pencil 与 Layui/layui-vue 时使用。
pencil-ui-design-system-ucharts
在 Pencil 中初始化 uCharts 设计系统：注册图表主题色与字体等设计令牌，并创建折线、柱状、饼图等图表类型的占位框架，用于图表布局与数据可视化规范搭建。
pencil-ui-design-system-uview
该技能用于在 Pencil 中初始化基于 uView 2.x 的设计系统。它会把 uView 2.x 的设计令牌（颜色、字号、圆角等）注册为 Pencil 变量，并创建一份组件总览框架，覆盖基础、表单、数据、反馈、布局、导航等分类的 uView 2.x 组件。使用前提是用户明确提到「Pencil」和「uView」（2.x 版本，而非 uView Pro），或正在执行 Pencil 设计系统初始化任务。技能输出 PENCIL_PLAN，由 Agent 依次调用 Pencil MCP 工具完成：open_document、set_variables、batch_design，可选 get_screenshot。
pencil-ui-design-system-uviewpro
该技能用于在 Pencil 中初始化 uView Pro 设计系统，包括注册全局颜色、字体与圆角等设计变量，并创建组件总览框架，适用于明确提及 Pencil 与 uView Pro 的设计系统初始化任务。
pencil-ui-design-system-vant
用于在 Pencil 中初始化基于 Vant（Vant 4）规范的设计系统：注册全局颜色与文本、边框、字体等设计变量，并在 .pen 文件中搭建初始组件库概览框架。仅在用户明确提及 Pencil 与 Vant（或 Vant 4）或编排此类初始化任务时使用。