shopify-theme-performance
用于优化 Shopify 主题性能与 Core Web Vitals（LCP、CLS、INP）的技能，涵盖修复 LCP 图片懒加载、改用 image_url 过滤器、Liquid 渲染性能分析与字体加载优化。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-06 00:14
设计与创作
22,117 个结果
stackblitz-sdk-patterns
用于为 WebContainer 设计持久化生命周期适配器的技能，统一管理启动、文件系统、进程、事件、预览与销毁操作，避免多个 UI 组件各自操作共享实例。
storybrand-messaging
StoryBrand 品牌信息框架技能，用于按叙事结构撰写和评审营销文案，把客户置于英雄位置、品牌作为向导。适用于品牌信息、网站文案、邮件与销售话术等场景，并提供 0-10 分评分与改进建议。
together-reference-architecture
该技能用于设计生产级 Together AI 服务架构，围绕统一的受治理提供商边界，规划实时、批处理与专用容量路径，并关注成本、质量与可观测性。
vercel-reference-architecture
面向 Vercel 项目的参考架构实践：按边缘、服务端、静态、客户端分层组织目录，包含类型化环境变量、惰性数据库客户端、API 路由、边缘中间件鉴权、健康检查与 vercel.json 配置，适用于新项目设计与架构审查。
windsurf-theme-customization
该技能用于在 Windsurf IDE 中配置主题与视觉设置，重点关注可访问性。资料显示其覆盖配色方案、字体配置、UI 缩放以及无障碍设置，适用场景包括用户提出“更换主题”“自定义颜色”“无障碍设置”等需求。使用前要求已安装 Windsurf IDE，并了解无障碍需求、团队色觉考虑、偏好字体选择以及显示分辨率与缩放需求。技能流程为：选择基础主题、配置颜色、设置字体、启用无障碍功能、验证合规性。输出包括定制主题配置、优化的可读字体设置、符合无障碍的配色方案以及跨面板一致的样式。详细实现、错误处理与示例分别见其 references 目录下的 implementation.md、errors.md 和 examples.md。资源包含 Windsurf 主题指南、WCAG 2.1 指南与无障碍调色板。价格、具体平台版本及其他收费信息暂未提供。
jewel-markdown
Jewel Markdown 是 JetBrains intellij-community 中 platform/jewel/markdown/ 下的两阶段 Markdown 渲染器：先把原始 Markdown 解析为 MarkdownBlock/InlineMarkdown 模型，再用 Jewel Compose 渲染器渲染，支持 GFM、图片、代码高亮、嵌入 HTML 与编辑器预览。
kotlin-ui-swing-component-architecture
JetBrains IntelliJ 社区提供的技能，用于设计 IntelliJ Swing UI 组件架构：以隔离的功能组件、单向数据流、显式状态和清晰的 EDT 与生命周期归属来组织界面代码，并给出架构分级、职责划分与评审方法。
algorithmic-art
algorithmic-art 是一个用于创作算法生成艺术的技能，基于 p5.js 实现带种子随机性与交互式参数探索。用户提出用代码创作艺术的需求时，可借助它先产出一份算法哲学（.md 文件），再将其表达为 p5.js 生成艺术（.html + .js 文件）。它强调过程优先于结果，把算法哲学转化为计算过程、涌现行为、数学之美、噪声场、粒子与场的动态以及参数化变化。实现阶段要求以 templates/viewer.html 作为字面起点，保留固定结构与品牌元素，仅替换算法、参数与参数控件等可变部分，最终输出一个自包含、可在浏览器或 claude.ai 中直接运行的交互式 HTML artifact，包含种子导航、参数滑块、颜色选择、重新生成、重置与下载 PNG 等控件。
brand-guidelines
该技能用于将 Anthropic 官方品牌配色与字体应用到各类产物中，使其呈现 Anthropic 的视觉风格。它定义了主色（深色 #141413、浅色 #faf9f5、中灰 #b0aea5、浅灰 #e8e6dc）与强调色（橙 #d97757、蓝 #6a9bcc、绿 #788c5d），并规定标题使用 Poppins、正文使用 Lora 字体，在字体缺失时自动回退到 Arial 与 Georgia。技能会智能应用字体（24pt 及以上标题用 Poppins，正文用 Lora）、根据背景智能选择文字颜色、为非文字形状循环使用强调色，并通过 RGB 颜色值保证品牌色彩一致性。适用于需要为文档、演示文稿等产物套用 Anthropic 品牌外观的场景。
canvas-design
canvas-design 是一个用于创作视觉艺术作品的技能，输出 .png 与 .pdf 格式的设计作品。当用户要求制作海报、艺术作品等视觉内容时使用。其流程分为两步：先创建一份设计哲学（.md 文件），描述一种通过形式、空间、色彩、构图、图像、图形、形状、图案以及极简文字来表达的美学运动；再将该哲学在画布上视觉化，生成以视觉设计为主、文字为辅的成品。该技能强调视觉表达、空间沟通与艺术诠释，要求文字极简、仅作视觉元素，并反复强调作品应呈现出手工精雕细琢、出自顶尖专家之手的质感。最终输出单个可下载的 .pdf 或 .png 文件，以及作为 .md 文件的设计哲学。
slack-gif-creator
Slack GIF Creator 是一套用于制作适配 Slack 平台的动态 GIF 的工具包，提供尺寸与体积校验器、可组合的动画原语以及可选的辅助工具。它针对 Slack 的两类使用场景给出具体约束参考：消息 GIF 最大约 2MB、推荐尺寸 480x480、常见帧率 15-20 FPS、颜色限制 128-256、时长 2-5 秒；表情 GIF 体积上限严格为 64KB、推荐尺寸 128x128、常见帧率 10-12 FPS、颜色限制 32-48、时长 1-2 秒。工具包分为三类：校验器（检查 GIF 是否符合 Slack 要求）、动画原语（抖动、弹跳、移动、万花筒等可组合动效积木）、辅助工具（文本、配色、特效等通用函数）。整体设计理念是提供积木而非固定配方，在 Slack 技术约束内保留创作自由。
theme-factory
Theme Factory 是一个用于为各类产出物（如幻灯片、文档、报告、HTML 落地页等）应用主题样式的工具包。它提供一套精心挑选的专业字体与配色主题集合，每个主题都包含协调的调色板（带十六进制色值）以及适用于标题和正文的字体搭配，并具有适配不同场景与受众的独特视觉风格。目前内置 10 个预设主题，包括 Ocean Depths、Sunset Boulevard、Forest Canopy、Modern Minimalist、Golden Hour、Arctic Frost、Desert Rose、Tech Innovation、Botanical Garden 和 Midnight Galaxy，均展示在 theme-showcase.pdf 中。使用时先展示主题展示文件供用户浏览，询问其选择，待用户明确确认后，读取 themes/ 目录中对应主题文件，将指定的颜色与字体一致地应用到产出物上，并确保对比度与可读性。若现有主题均不适用，还可根据输入生成自定义主题，赋予描述字体/配色含义的名称，生成后展示供审核，确认后再应用。
insightpulse-echarts-viz-system
InsightPulse ECharts 可视化系统技能：为 InsightPulseAI 仪表盘、Superset 插件与 OpEx UI（AntD + M3 + ECharts）设计、标准化并实现基于 ECharts 的图表与主题，输出可直接使用的 option 配置与主题 JSON。
game-ui-design
该技能提供一套基于研究证据的游戏界面设计工作流，用于设计、审查和改进电子游戏用户界面，涵盖 HUD、菜单、导航与焦点状态等。其核心思路是围绕玩家决策与任务相关信息组织界面，先确定信息架构与交互模型，再用视觉风格强化决策。流程包括识别游玩情境、把玩家决策映射到信息、选择呈现方式（HUD、叙事内、空间、音频、触觉或菜单）、建立层级与交互一致性、设计学习与恢复路径、尽早纳入无障碍约束，并按阶段选择启发式评估或游玩测试进行验证。
ui
这是一个面向 UI/UX 设计任务的智能体技能，提供用户体验设计、视觉设计和游戏界面设计三类角色。它通过角色上下文隔离机制，按需检测角色、加载对应参考文件，并派生子代理执行设计任务，主上下文只接收最终设计产物。适用于用户流程、线框图、设计系统、组件规范、无障碍审查、HUD 布局、菜单系统、物品栏界面等设计场景。
cover-and-title
封面与标题是一个为视频制作封面和标题的技能。它读取视频文稿提炼卖点，给出几组标题与封面文案，用户挑定后按视频画幅生成封面图，并导入为该视频的候选素材。它强调标题说清“是什么”、封面大字给“钩子”，两者互为补充不照抄，且数字、结论、人名都要能在文稿中找到出处，每句承诺都由视频兑现。使用前提是需要视频的转写（文稿）。仅需标题或简介、不需要封面时，可改用起标题与写简介的功能。
design
BaoCut 的 Design（设计稿）技能，用于在会话工作目录中按约定格式生成或修改视觉设计稿：一份设计稿是一个目录，内含 canvas.json 索引和每块画板一个 .dc.html 文件；通过 design_check 校验后，线程中会出现设计稿卡片，用户可在功能区预览、编辑和标注。适用于界面、网页、海报、图表、信息图、示意图和原型等场景，也可按用户意见或设计标注修改已有设计稿。幻灯片不使用本技能。
design-system
该技能用于在会话工作目录中建立或修改一套以文件形式存放的设计系统，涵盖品牌颜色、文字样式、间距与圆角 tokens，面向智能体阅读的品牌手册 README，以及组件 bundle 与预览、标志、图标和字体。设计系统以目录形式保存，索引为 design-system.json，tokens 写在 tokens.json，素材按分组上传到 _blobs/ 并在索引中登记。适用于从代码仓库、设计工具或已有规范整理设计系统，也适用于对现有设计系统做增量修改。
motion-graphics
动效图形技能用于在视频上叠加按规则手写的动效画面，而非从模板库挑选。它以自包含 HTML 单文件为载体，画面是时间的纯函数：给定第 t 秒即绘制该秒的状态，可被逐帧 seek。填写结构、布局、动效三个槽位即可生成下横栏、关键词字幕、大数字与图表、标注与引导、品牌贴片、倒计时与进度等图形。支持 16:9、9:16、1:1 画幅与透明根叠加，提供骨架、范例、语法参考、lint 与抽帧验证、打包导入上时间线等流程。适合为旁白配字幕条、数据强调、片尾标识等短时图形；整条成片规划与静态文字贴纸不在范围内。
narration
旁白驱动成片制作技能，用于资讯快评、知识讲解、产品介绍、步骤教程等需要多句旁白的视频。核心流程：先实测模型语速并按句分行写稿，再锁定全片统一音色和语气说明一次合成，量时长、查接缝、仅重配不合格句子，最后将画面剪到旁白上。不适用于翻译配音（将视频配成另一种语言）或只念一句话的场景。
video-production
这是一个面向视频成片制作的分阶段工作流技能：从简报与能力盘点开始，先写风格说明与角色设定、做分镜与声音规划，再出参考图/风格样张，逐镜以用户素材、网上素材、生成图片或代码画面完成，配旁白、音效与配乐，最后混音导出并验收、按修改意见迭代。适用于推广短片、知识讲解、故事短片、发布片、资讯快评、数据故事、排版动效、歌曲 MV 与歌词视频等从零制作的场景；只转录、加字幕、翻译、配音或剪已有视频时并不适用。
bibi
BibiGPT 命令行工具（bibi），可在终端调用 BibiGPT API 对视频、音频和播客进行总结。支持 YouTube、Bilibili、播客等 URL，可输出 Markdown 或 JSON，并提供字幕提取、分章节总结、异步模式等能力。
web-design-guidelines
该技能用于审查 UI 代码是否符合 Web Interface Guidelines（Web 界面指南）。当用户提出「review my UI」「check accessibility」「audit design」「review UX」「check my site」等请求时使用。其工作方式为：先从指定源 URL 获取最新版指南，再读取用户指定的文件（或询问文件/匹配模式），随后对照获取到的全部规则逐条检查，最后以简洁的 file:line 格式输出发现的问题。指南源为 https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md，每次审查前都会重新抓取，以确保使用最新规则，抓取内容包含全部规则及输出格式说明。使用时，若用户提供了文件或匹配模式参数，则依次执行抓取指南、读取文件、应用全部规则、按规定格式输出结果；若未指定文件，则询问用户需要审查哪些文件。