taste-penpot
taste-penpot 是配合 @heyeddi-design 使用的设计指导技能，用于让界面看起来是为特定产品与受众量身打造。它以 PLAN → ACT → CRITIQUE 单次流程掌控整体视觉，将决策写成带值的命名令牌，并与 Penpot 设计工具对接。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-05 00:16
设计与创作
22,038 个结果
visual-auditor
visual-auditor 是面向 Vue/CSS 与 Flutter 界面的视觉 QA 技能：在设计与实现交接后自动截图，核对产品与设计规范，检测对比度与可读性问题，并在同一轮中直接修复代码、记录每次改动，再按宽度复核。
taste-penpot
面向 Penpot 的界面设计技能，与 @heyeddi-design 配合使用，通过 PLAN→ACT→CRITIQUE 单次流程确定视觉方向、设计令牌与反套路规则，并把决策写回 Penpot 库或输出 HTML+CSS 规格。
cli-hub-matrix-image-design
这是一个面向图像与平面设计的基于能力的多工具矩阵，覆盖 AI 生成、位图与矢量编辑、UI 原型、图表、放大、照片库与 RAW 处理等场景，主要通过 cli-hub matrix 命令安装与预检。
hypnotic-pattern
Hypnotic Pattern 是一个面向注意力设计（attention design）的技能，名称源自同名法术，实际用途是为特定流程、引导或演示设计吸引并保持用户注意力的机制。它帮助识别体验中的注意力流失点，设计进度指示、微奖励、好奇心缺口或视觉锚点等参与模式，并明确划定何时应当主动释放用户注意力，强调注意力捕捉与成瘾机制的区别。该技能属于 Hermes Agent 技能体系，需要 Hermes Agent 及本次会话的常规工具集，无额外运行时依赖。使用时可通过 /hypnotic-pattern 指令调用，要求先复述目标、成功条件和不可触碰的边界，再产出注意力捕捉模式及边界规范，并明确标注确定性、假设与未解决风险。该技能明确拒绝无限滚动、无休止自动播放等意在阻止用户离开的参与模式。
minor-illusion
Minor Illusion 是一个用于快速生成低拟真度草图的技能，帮助用户把想法以图、线框、占位代码或示意图等形式快速呈现，以便讨论和获得反馈。它强调产出物明确标注为一次性、不可交付，目标是沟通速度而非质量。适用于需要低成本可视化概念、对齐共识或引导利益相关者对话的场景。
otto-s-irresistible-dance
这是一个以“Otto's Irresistible Dance”命名的隐喻式技能，用于分析和设计具有强烈吸引力的产品、内容或体验，使其令人难以抗拒但保持伦理边界。它帮助识别驱动强迫性互动的机制（如新奇感、可变奖励、社会认同、精通循环），同时明确区分“吸引力”与“成瘾性”，并强制设计退出路径。该技能不依赖额外运行时，仅需 Hermes Agent 及常规工具集，适合产品经理、内容创作者、设计师等希望在提升参与度的同时避免成瘾性设计的场景。
silent-image
Silent Image 是一个用于快速产出静态视觉稿的技能：它生成高保真视觉 mockup、设计稿、标注截图或静态架构图，只回答“看起来会是什么样”，不包含交互、声音或可点击功能。资料强调静态视觉比交互原型更快，因为跳过了交互开发；适合在讨论布局、样式、内容层级或美学方向时使用，若利益相关者会尝试点击，应改用可交互方案。使用前提是具备 Hermes Agent 和当前会话常规工具集，无额外运行时依赖。交付物包括静态视觉产物和必要的视觉决策注释，并要求明确区分已确认事实、假设与未解决风险。
pexels-media
该技能用于通过 Pexels API 搜索并下载免版税的图片和视频，支持搜索、精选、热门、合集等多种获取方式，并可选择不同分辨率。每次下载都会强制生成 sidecar 元数据文件，记录来源、作者、许可与署名信息，便于后续追踪和合规使用。使用前需设置 PEXELS_API_KEY 环境变量，API 基础地址为图片 https://api.pexels.com/v1/ 和视频 https://api.pexels.com/videos/，所有请求需携带 Authorization 头。适用于设计占位图、内容创作、视频背景等场景。
ui-visual-polish
ui-visual-polish 是一个用于打磨界面视觉设计与信息层级的技能，覆盖颜色、排版、间距、对齐、动效、文案和信息排序。它要求在使用时优先做减法与克制，产出修改后的界面（代码或描述），并列出具体改动。颜色方面，要求把所有颜色替换为 Radix UI Colors 中最接近的匹配色，并遵循其色阶与使用约定；排版方面，字体字号最多三种（绝不超过四种）、最小 12px，优先用字重、颜色和间距建立层级；对齐与形状方面，强调视觉对齐而非纯数值对齐、嵌套圆角用同心半径、需要线条时用 0.5px 边框、圆角与阴影只在有明确功能目的时使用并保持克制一致；动效默认不加过渡，必要时用 ease-out、250ms；文案要求面向屏幕真实受众、清晰准确、长度贴合功能、去除作为分隔符的“·”；层级与装饰要求用字号、字重、颜色和留白构建层级，仅当眉题或上标文字能补充主标题未承载的分类、语境或关键信息时保留，避免卡片左侧装饰性强调线；交互与信息架构要求减少迫使用户先做决定才能继续的交互，把不可避免的选择放在用户预期选择的位置，按优先级排序信息并重整为清晰顺序；完成标准是每个被修改的界面都须满足上述规则，并报告所做改动。该技能适用于界面视觉走查、设计系统对齐与信息层级优化，具体安装与调用方式暂未提供。
terminal-replica
terminal-replica 是一项用于在生成的图形、GIF 或视频画面中忠实还原使用者真实终端和 CLI 智能体界面的技能，覆盖 Claude Code、Codex CLI、Gemini CLI 等工具。其核心方法是从自己终端的真实截图和会话日志中采集事实，包括模拟器类型、字体、主题配色、Shell 提示符、状态栏格式，再据此绘制画面，并对照真实截图验证。资料还给出 Claude Code TUI 的布局元素、Codex CLI 与 Gemini CLI 的界面特征、基于 PIL 的渲染配方和动画时序建议。适用于制作教程配图、演示素材或社交媒体内容，避免落入通用的“黑客终端”样式。
codex-imagegen
codex-imagegen 是一个让智能体通过 Codex 内置 $imagegen 能力生成或编辑位图图像的技能，适用于 Claude Code 等本身没有原生图像生成的执行环境。它通过 codex exec 无头调用，并把生成结果作为工作区文件交付。
drawio-local
drawio-local 是 i9wa4/dotfiles 中的 draw.io 兼容技能，用于 .drawio 源文件创建、编辑与审查、XML 布局与 mxGraphModel 调整、PNG/SVG/PDF 导出，以及 AWS 图标与图资产引用；具体实现指引保存在 skills/diagramming/references/drawio.md。
atomic-design
面向 React 组件架构的原子设计（Atomic Design）方法论技能，用于组织组件库、划分 UI 层级并构建可扩展的设计体系。按 atoms、molecules、organisms、templates、pages 五层组织 src/components 目录并定义各层职责与命名规范。
illustration-animator
illustration-animator 是一个把静态矢量插画制作成循环动画的代理技能（Agent Skill）。它针对同一风格的 SVG 插画文件夹，自动分析每张插画的故事情节、部件、骨骼与时间线，然后逐场景生成动画，最后通过脚本校验与视觉评审进行修正。输出结果写入风格文件夹的 out/ 目录，包含 Lottie JSON、GIF 和 MOV，均为循环、无背景；在 macOS 上还输出带 alpha 的 MP4（HEVC）。该技能基于 Icons8 的动画与插画训练出运动规则、风格规则和参考场景。使用需要 Node.js 22.12 或更新版本，首次需运行 setup.js，它只写入 ~/.animator/，可能按提示安装固定版本的 npm 依赖与 Chrome for Testing，而 ffmpeg 需要用户自行安装且需包含所需编码器。每个插画有严格的硬性时间限制：场景 3 分钟、动画 7 分钟、评审 3 分钟、评审后修正 4 分钟，超时即交付当前最好结果。用户可用 “- bad”（说明原因）禁用失败的技术，或用 “- good” 把场景标记为样本，相关经验保存在项目的风格文件夹中，技能文件夹本身不会被修改。
digital-twin
Digital Twin 是一个 Claude 技能，用 ElevenLabs 克隆用户自己的声音，再用 fal.ai 的音频驱动数字人模型生成说话视频，让克隆出的“数字分身”说出任意文本。仅限克隆本人形象，需自备 API 密钥。
brand-voice
品牌声音技能，用于定义品牌声音、风格指南与信息支柱，作为所有营销内容的基础。适用于新品牌建立、品牌重塑、为新客户创作内容前，或内容风格不一致时。
igniteui-blazor-generate-from-image-design
该技能用于把设计图转成 Ignite UI Blazor 视图：先分析图片中的布局与组件，再通过 MCP 工具查找 Blazor 组件、生成主题并实现，最后对照图片迭代校准。仅适用于 Blazor 项目，需按技能定义的强制流程执行。
shadcn-impl-responsive-dialog-drawer
shadcn ui 响应式模态实现技能：同一弹层在桌面端渲染为居中 Dialog、移动端渲染为底部 Drawer，基于官方 drawer-dialog 示例，含 useMediaQuery、共享内容组件与 ResponsiveModal 编排器。
shadcn-syntax-sheet
shadcn Sheet 语法速查：基于 Radix Dialog 的侧滑面板组件，从视口四个边缘之一滑入，适合过滤器、设置托盘、侧边导航等场景。
app-store-screenshots
用于创建 App Store 与 Google Play 应用商店截图和预览视频的技能，提供 iOS/Android 尺寸规格、图库排序建议、设备样机与视频结构参考，并通过 inference.sh CLI 调用图像/视频模型生成素材。
character-design-sheet
面向 AI 图像生成的角色一致性技能，通过参考表与 LoRA 技术让同一角色在多张图中保持统一。涵盖三视图、表情表、配色方案与描述锚点等方法，基于 inference.sh CLI 使用。
explainer-video-guide
讲解视频制作指南，覆盖脚本公式、配音、画面与合成流程，基于 inference.sh CLI（infsh）从脚本到成片。含 PAS/BAB 等脚本结构、语速与场景时长规则、TTS 配音、背景音乐、转场与常见错误。
image-to-video
通过 inference.sh CLI（infsh）将静态图片转为动态视频的指南，涵盖模型选择、运动提示词与镜头运动写法，涉及 Wan 2.5 i2v、Seedance、Fabric、Grok Video 等模型及适用场景。