design-taste
Design Taste 是一款面向加密产品界面的设计判断与反 AI 套路评审技能，位于品牌选择与机械实现之间，用于判断界面应有的设计方向、密度与布局，识别并指出“看起来像 AI 生成”的通用化问题。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-09 00:13
设计与创作
22,554 个结果
page-load-animations
面向页载入与界面动效的 framer-motion 生产级实现配方技能，解决页面元素“一次性全部出现”的跳变问题，提供入场编排、列表错位、弹窗过渡、数字滚动等模式，并给出反模式排查与非强制约束。
sms-10dlc-registration
用于准备 Sent 美国 A2P SMS 10DLC 合规注册的技能：收集企业身份、选择加入、品牌、活动、示例消息与资料补全证据，并调用 Sent v3 API 创建品牌与活动、完成 Sender Profile。
material-3
用于实现 Google Material Design 3（Material You）界面系统的技能，以 Jetpack Compose Material3 为主，也涉及 Flutter 与 Web 端方案，提供动态取色、色调表面、圆角形状、弹簧动效、设计令牌与响应式布局等规范与用法指导。
baoyu-infographic
baoyu-infographic 是一个用于生成专业级信息图的技能，提供 21 种版式与 21 种视觉风格，可自由组合。它能自动解析内容，推荐最优的「版式 × 风格」组合，并输出可直接发布的信息图成品。适用于用户提出“信息图 / infographic”、“视觉总结”、“可视化”或“高密度信息大图”等需求时使用。
design-system-builder
design-system-builder 是一个从参考 UI 图片中提取设计系统并生成可直接用于实现的设计提示词（prompt）的技能。它通过多步骤工作流运行：分析视觉模式 → 生成设计系统文档 → 创建 PRD → 产出可直接实现的 UI 提示词。适用于用户提供 UI 截图、原型图或设计参考，需要提取配色、字体、间距等设计要素，或希望基于视觉示例生成设计系统文档、构建与参考风格一致的 MVP UI、按统一设计原则创建多个 UI 变体的场景。
fashion-sketch-cn
该技能用于创建专业服装技术规格包（Tech Pack），输出结构化、视觉规范的技术文档，涵盖系列概览、款式规格、工艺细节、尺寸表、面料库、物料清单（BOM）、质量标准与签核页。适用于服装、鞋履、配饰等需要专业技术文档格式的品类。支持 PDF、DOCX、PPTX 输出，默认生成 DOCX。文档采用深海军蓝封面、珊瑚红强调色、表格驱动布局，并包含平面款式图与面料纹理图。
image_generation
该技能通过 AI 图像生成模型，根据详细的文本描述创建图像，并保存到本地后展示给用户。支持指定宽高比、分辨率、不透明或透明背景，以及通过公共 URL 参考图引导生成。使用前需安装 agent-gw Python SDK 0.2.6 或更高版本，并配置 API Key。脚本会调用网关的 generate_image 接口，下载生成结果并打印保存路径。适用于根据文字描述生成插画、场景图或角色图等场景；该工具仅接受公共 URL 作为参考图，本地图片需先经 image-to-url 上传转换。
journalistic-portrait-cn
该技能用于创建复刻《南方人物周刊》视觉设计的中文杂志风格 HTML 网页。它能生成特稿版面、带红色边框的封面页、配肖像照片的目录页，以及带编辑章节标题的双栏内页等。默认输出为 HTML 静态网页，也可通过浏览器打印为 PDF。它依据上传的 PDF 参考文件提取风格契约和结构契约，强制要求生成内容遵循四项前端铁律：封面三层 z-index 分层、内页图片使用 float 防止图文遮挡、文本容器禁止固定高度防止排版崩塌、每页正文需达 800-1000 字以高密度填充避免底部留白。技能还提供了封面清单、图片清单、布局清单和密度清单用于校验。排版使用 PingFang SC 等 CJK 字体栈，配色以红色 #D90712 为主。
kimi-widget
Kimi Widget 是一个面向对话内联小组件的设计系统与运行时约定。它用于在回答中直接渲染紧凑的可视化或交互界面，例如图表、仪表盘、计算器、滑块、对比表、时间线、状态机和小型模拟等。该技能说明了何时应当生成小组件：当答案包含空间、顺序、系统、对比、数值或交互结构，且可视化比纯文字更利于理解、比较、检查或操作时，就适合使用小组件；用户无需明确说“展示”或“可视化”，只要存在上述结构，就应主动生成。该技能也规定了不应使用小组件的场景，例如普通文字回答、逐行代码解释、文件列表或画廊、最终交付物、阻塞式输入流程、破坏性或原生操作，以及大型长期应用。运行时方面，小组件在已加载 Kimi 设计系统 CSS 的沙箱 iframe 中运行，可使用 HTML、SVG、CSS、内联 JavaScript 和浏览器原生 API；禁止外部脚本、模块、样式表、图片、字体、CDN 库、npm 包、fetch 和 WebSocket。文字说明放在回复正文，可视化放在小组件内；小组件渲染后不应重复叙述。交互小组件可通过 window.sendPrompt(text) 回传用户意图。样式必须使用 CSS 变量而非硬编码颜色、字体或圆角。使用前通常需先阅读设计系统参考文档，涉及图标时还需阅读图标系统文档并内联使用其 105 个 Kimi 图标。
retro-tech-illustration-cn
该技能用于创建复古科技艺术风格的视觉内容，主要输出图像，也可生成设计文档。覆盖 Synthwave、Vaporwave、Cyberpunk、Y2K Futurism、Frutiger Aero、Atom Punk、Retro Comic 等子风格，适用于霓虹网格风景、像素艺术、蒸汽波场景、CRT 与半调效果、配色方案与字体系统，服务于 80/90 年代科技黑色主题项目。
sun-path
Sun Path 是一个面向建筑与环境设计的日照与阴影分析技能，基于 Python 脚本实现。它可计算指定经纬度与时间的太阳方位角与高度角，生成全年太阳轨迹极坐标图，模拟长方体建筑在特定时刻投射的二维阴影，统计某一点全年处于直射阳光、建筑阴影或夜晚的小时数并输出月度柱状图，基于 GeoTIFF DEM 计算地形阴影，以及用焓湿图评估温湿度热舒适度。该技能依赖 pysolar、matplotlib、pytz、shapely、numpy，地形阴影功能可选依赖 rasterio。安装后需手动运行 pip install -r requirements.txt 安装依赖。脚本生成的 PNG/JPG 图片需输出到允许目录（如 ~/.openclaw/media/、~/.openclaw/agents/ 或 /tmp），再通过消息工具发送给用户。
sunlight-analysis
该技能为建筑设计与场地环境分析提供太阳轨迹与环境分析工具，可生成太阳轨迹图、计算实时太阳位置、分析建筑阴影投射范围与全年日照时数，并提供热舒适度评估。它基于 Python 脚本实现，依赖 pysolar、matplotlib、pytz、shapely、numpy、rasterio 等库，支持太阳位置计算、极坐标太阳轨迹图、2D 建筑阴影模拟、全年日照/阴影/夜间时数统计、基于 GeoTIFF DEM 的地形阴影分析以及焓湿图热舒适度评估。适用于建筑师和设计师在场地分析、日照评估和热舒适度判断等场景中使用。
theme-factory
Theme Factory 是一个为各类产物（artifact）提供主题样式的工具包，可应用于幻灯片、文档、报告、HTML 落地页等。它内置 10 套预设主题，每套主题包含协调的配色方案（含十六进制色值）以及标题与正文的字体搭配，帮助用户为演示文稿等产物快速套用统一、专业的视觉风格。使用时先展示 theme-showcase.pdf 让用户浏览全部主题，再询问并等待用户明确选择，随后读取 themes/ 目录下对应主题文件并应用其颜色与字体。若现有主题均不适用，还可根据输入生成自定义主题。
theme-kit
theme-kit 是 serejaris/kimi-skills 中的主题样式工具箱 Skill，用于为演示文稿、文档、报告、HTML 页面等内容提供专业且统一的视觉风格。它内置 10 种预设主题，每种主题都包含协调的配色方案（含十六进制色值）以及相互搭配的标题与正文字体组合，涵盖深海蓝韵、落日大道、森林华盖、现代极简、黄金时刻、极地冰霜、沙漠玫瑰、科技前沿、植物花园、午夜星河等风格，适用于不同场景与受众。使用时先向用户展示 theme-showcase.pdf 预览全部主题，询问并确认用户选择后，从 themes/ 目录读取对应主题文件，将配色与字体统一应用到内容中，并保证对比度、可读性与跨页面风格一致性。若预设主题不满足需求，还可根据用户描述生成自定义主题，命名后先供用户审阅确认再应用。当用户需要美化内容、统一视觉风格，或提及“主题”“配色”“风格”“设计幻灯片”“美化文档”等关键词时可触发。
ui-blueprint
UI 蓝图构建器是一个从参考 UI 截图或设计稿中系统提取设计系统的工作流技能。它通过多步骤流程分析视觉模式，生成包含配色、字体、组件和间距规范的设计系统文档，并进一步产出 PRD 与可直接用于实现的 UI 提示词。适用于用户提供 UI 截图并希望提取设计规范、构建设计系统文档，或基于参考风格创建新界面的场景。
design-minimal
design-minimal 是 serejaris/ris-claude-code 中的一个技能，用于在用户明确要求时生成单个独立 HTML 页面，采用克制的极简视觉系统。该页面强调清晰层级、充足留白、显式结构、有限配色，并禁用装饰性效果。技能规定只使用一个自包含 HTML 文件，布局和组件样式仅通过 Tailwind CDN 实现，<style> 中只允许在 :root 定义设计令牌（背景、墨色、弱化字色、细线、浅纸色、主字体与等宽字体）；禁止为组件、布局、排版、状态、卡片、按钮等编写自定义 CSS 规则，禁止移动端适配（不使用 sm:/md:/lg: 等响应式前缀、媒体查询或移动备用布局），禁止外部字体、JavaScript 框架、图标库、SVG 图标、渐变、阴影、圆角和强调色。界面语言需与用户语言及产物语境一致，例如俄语页面应使用俄语可见标签，仅文件路径、命令、代码标识符、字段、API 与工具名称等保留英文。文档还给出页面外壳、网格、页眉、元信息、分区标签、面板、分隔线、条目、链接和徽章的 Tailwind 样式模式，并附骨架示例，常见错误包括用 CSS 选择器替代 Tailwind 类、添加响应式前缀或媒体查询、引入 Google Fonts 或图标库、使用圆角阴影渐变、在俄语页面保留英文界面标签，以及把某种布局当作必须遵循的固定模式。
ris-draft
ris-draft 是一项用于生成扁平工程蓝图风格独立 HTML 图表的技能。它适用于架构图、系统流程、技术规格表和组件图，输出为可独立打开的 HTML 页面，便于放入幻灯片、报告或导出使用。该技能以 Tailwind v4 浏览器版 CDN 负责布局与工具类，以 D3 v7 CDN 渲染 SVG 图形（节点、连接线、布局和动画）。视觉上强调精确、客观和高数据墨水比，采用扁平、描边、单色风格，不使用阴影、渐变、玻璃拟态、模糊或圆角按钮，以 1px 或 2px 实线边框定义结构，白色内容块置于浅灰画布上，强调色仅用于语义（如红色表示错误）。所有设计令牌在单个 @theme 块中声明，标题和标签使用系统无衬线字体，数据、路径、代码、ID 和版本号使用等宽字体，不加载外部字体。连接线为细直线或正交线，虚线仅表示抽象/逻辑关系。图标使用简单描边 SVG，徽章为描边或黑灰实心小号大写等宽文字。硬性要求包括固定版本 CDN、仅返回完整 HTML 文档（不含 Markdown 包装或额外说明）、自定义 CSS 最小化、D3 图形保持静态、不使用力导向模拟、缩放平移、悬停提示或彩色调色板（除非用户明确要求）。若输入内容不完整，会先询问图表类型和要渲染的项目；若不支持用户指定的其他库（如 Mermaid、Recharts、Chart.js），会说明本技能仅限 Tailwind + D3。
launch-video
launch-video 是一个基于 Remotion 的产品发布/演示视频生成技能，用代码把产品故事制作成 MP4。它提供场景库与工作流，适合 CLI 工具、网页应用、移动应用、库等产品的营销视频，先设计叙事弧线再组装场景。
self-taste
self-taste 是一个从你收集的参考图片文件夹中提取个人设计品味的技能：它读取图片、综合共同美学，并写出 TASTE.md 设计系统（颜色十六进制、字体、间距、组件规则），供后续前端与 HTML/CSS 构建使用，而非套用模型默认审美。
ux-journey-architect
UX Journey Architect 是一个用于规划公开网站用户体验旅程的技能（skill），由 sergekostenchuk/seo-llm-skill-cluster 提供。它在网站目标、主要受众和大致 URL 结构已知后使用，帮助梳理用户旅程地图、onboarding 路径、入口点与首个动作设计、按意图划分的 CTA 层级、信任点与可信度信号、无障碍与移动端旅程风险，以及面向 SEO/LLM 的页面角色交接需求。该技能不负责最终视觉设计、组件实现、浏览器渲染测试、SEO schema 或 canonical 决策、线上站点代码更改以及转化埋点实现。使用时需先阅读 references/journey-workflow.md，并按 assets/journey-map.template.md 产出旅程地图。它覆盖新读者、回访读者、项目评审者、社区成员、AI 智能体或研究者等旅程类型，强调不添加无用户意图的 CTA、不隐藏实际内容、不削弱既定的 SEO/LLM 内容模型，也不在无测量的情况下声称转化提升。
product-walkthrough-video
用于录制并检查真实网页操作流程的技能，可服务于端到端（E2E）证明或成品演示视频交付。它复用同一套录制器与机械/视觉审查流水线，视频交付环节包含 MP4 转换。
animation-vocabulary
Animation Vocabulary 是一个网页动画与动态效果的“反查词典”，由 shadcn-labs/snapcn 提供。它的用途是把用户对某个动画效果的模糊口语描述，转换成精确的专业术语，让用户知道自己想要的到底是什么、应该怎么向别人描述或提出需求。用户只需用日常语言描述看到或感受到的效果，例如弹窗从被点击的按钮处“长出来”、滚动到边界时像橡皮筋一样回弹、图片逐渐变成另一张图片等，工具就会给出对应的准确术语，并按固定格式输出术语名称与权威解释。当有多个术语都能匹配时，它会先列最贴切的一个，再补充 1 至 2 个相近术语并说明差异（例如 Morph 与 Crossfade、Shared element transition 的区别）。它还要求基于“感受”而非关键词来理解意图，引用其术语表原文，不擅自编造词条；若没有完全对应的术语，会说明只是近似，或用已有术语组合描述效果。其术语表覆盖入场与退场、时序编排、位移与变换、状态间过渡、滚动、交互反馈、缓动、弹簧动画、循环与环境动效、细节效果与性能等类别，并包含若干动画原则。适合设计师、前端开发者等需要准确沟通动效名称的场景。
apple-design
该技能是一份将 Apple 界面设计与动效理念迁移到 Web 平台的实践指南，内容主要来自 Apple WWDC 设计演讲（尤其是《Designing Fluid Interfaces》），并翻译为 CSS、Pointer Events、requestAnimationFrame 以及 Motion/Framer Motion 等弹簧动画库的实现方式。它强调界面应像物理世界一样即时响应、连续运动、携带动量、在边界处受阻并可中途被抓住反向，核心原则是响应速度、直接操控（1:1 跟随）、可中断性、以弹簧替代固定时长动画、速度交接、动量预测、空间一致性、橡皮筋边界、手势细节、逐帧流畅度、材质与层级、多模态反馈、减弱动效与无障碍以及字体排版等内容。适用场景包括构建或评审手势驱动 UI、弹簧动画、抽屉/回弹/拖拽/滑动类交互，以及需要处理减弱动态效果与透明度偏好的界面。限制方面：该技能偏重设计原则与代码示例，资料未提供具体安装方式、依赖要求、平台兼容性细节或收费信息。