taste-high-end-visual-design
一个面向 AI 编码代理的 UI/UX 设计技能，指导其按高端机构水准生成网页界面，规定字体、间距、阴影、卡片结构与动效，并给出反模式清单、布局原型、组件与性能约束。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-02 00:09
设计与创作
21,702 个结果
taste-image-to-code
面向 Codex 的网站图像转代码技能，强调先自行生成设计图、深度分析后再实现前端，用于英雄区、落地页、营销站等视觉要求高的网页任务。
taste-redesign-existing-projects
面向已有网站或应用的界面重设计技能：先扫描代码库与样式方案，再按设计审计清单诊断通用 AI 风格问题，最后在原有技术栈上做针对性升级，不重写、不迁移框架。
taste-stitch-design-taste
面向 Google Stitch 的语义化设计系统技能，生成供 AI 智能体读取的 DESIGN.md，用自然语言规则加精确数值约束排版、配色、组件与动效，以产出非通用化的高级界面。
drag-and-drop
拖拽交互设计模式，帮助用户直观地移动或重新排序项目，适用于可排序列表、跨阶段移动卡片、上传或放置手势等场景，并强调键盘替代、清晰反馈与安全恢复。
timeline
Timeline 是一个按时间顺序展示事件与活动的 UX 模式，适用于活动历史、审计、项目里程碑、发布与事故叙述等场景。资料给出使用时机、避免场景、实现流程、无障碍与性能护栏及常见错误，完整实现细节见 references/pattern.md。
user-tag-system-designer
用户标签体系设计助手，基于真实埋点元数据识别行业类别，输出分层标签的业务定义、计算逻辑与标签值分层方案，仅负责规划与设计，不执行标签创建配置。
z-video-study-webpage-qwen
该技能用于把本地 MP4 或已下载视频拆解为音频转录、关键帧与 Qwen 多模态逐段分析，最终生成图文并茂的视频学习总结网页，适合完整理解视频内容并按关键知识点匹配正确画面。
varg-video-generation
varg-video-generation 是基于 varg SDK React 引擎的 AI 视频生成技能，通过声明式 JSX 语法生成视频、动画、说话角色、幻灯片与社交媒体内容，支持自动缓存与并行生成。需配置 Fal.ai 等 API 密钥。
learning-design-checklist
基于“学习设计四支柱”生成合规检查清单的 Claude 技能，可按全部四支柱、单一支柱或 Canvas LMS 定制版本输出，用于内容审查与快速审计。
learning-design-review
learning-design-review 是一个用于评估教育内容的技能，依据“四学习设计支柱”框架中的 46 条研究型原则，对课程材料、课程、教程和电子学习内容进行审查并生成评分报告。
microsim-vis-network
用于创建基于 vis-network JavaScript 库的教育型 MicroSim（轻量交互式教学模拟）的技能，每个 MicroSim 存放在 /docs/sims 目录下，包含 index.md、main.html、同名 JS 与 metadata.json，支持响应式宽度。
imagine-create
imagine-create 是 whitetowerai/imagine-skill 中用于通过 vofy-cli 生成、编辑、动画化、转换或延长图像与视频的技能，覆盖文生图、图像编辑、局部重绘、文生视频、图生视频、插值、视频转换与延长等非交互式工作流。
linkfoxai-image-tool
紫鸟开放平台图片处理 Skill，可让普通用户直接完成图片上传、场景裂变、商品替换和自动抠图等任务，并查询任务进度与结果。调用时优先复用本地脚本，否则通过开放平台接口执行。需配置 ZNOPEN_API_KEY。
ui-designer
UI Designer Skill（v2）是一个面向界面设计方向与设计系统选择的技能，用于在实现前或实现过程中为 Web 或 App 界面确定设计系统、主题与视觉/产品 UX 结构。它适用于仪表盘、管理后台、内部工具、CMS 等场景。该技能通过一组 MCP 工具（mcp__the-designer__*）提供从风格评估、类型检测、项目预扫描，到主题与 OKLCH 令牌生成、Tailwind 配置与 HTML 模板生成、组件片段获取、调色板转换与变体生成、品牌 DESIGN.md 获取、质量门禁检查（反模式检测与自我批判）以及项目脚手架导出等能力。其工作流分为发现、线框、原型、质量四个阶段，强调不得跳过发现与质量阶段，并遵循反 AI 套路设计理念，如结构多样性、锁定令牌、不编造内容、不重绘浏览器外框、标题不使用斜体、移动端响应式硬性要求、组件 8 状态规范、避免默认紫色渐变等。图标仅允许使用 Phosphor、Font Awesome、Google Material Symbols、Tabler、Lucide、Heroicons 六种来源。
generative-art-deployment
生成艺术部署（Generative Art Deployment）是一套面向生成艺术作品的发布与归档方法，覆盖从开发环境走向展览、网页画廊、实体印刷与长期存档的完整流程。它针对不同部署目标给出格式、分辨率与注意事项，例如网页画廊使用 HTML/JS 与 WebGL、屏幕分辨率，需关注性能与加载时间；实体印刷使用 PNG/TIFF、最低 300 DPI，需处理色彩配置与出血；LED 装置使用视频或 WebGL，需匹配面板亮度与刷新率；NFT/链上使用 PNG/SVG/HTML，需考虑文件大小与确定性；社交媒体使用 PNG/MP4，需适配平台压缩与宽高比；归档则保留源码与渲染结果，追求最大分辨率与可复现性。该技能还提供静态画廊目录结构、作品元数据 JSON 模板、性能优化代码示例、印刷分辨率与色彩管理管线、批量渲染与确定性渲染脚本、展览安装清单与 kiosk 模式配置，以及归档包结构与可复现性契约，并列出常见反模式，如未记录种子、仅保留网页渲染、缺少元数据、无离线回退、仅存有损格式、依赖未文档化等。
remotion
Remotion 是一个将一句话视频简报转化为真实 MP4 短片的技能。它不调用生成式视频 API，而是由智能体编写结构化 JSON 分镜脚本，交给内置的 React/Remotion 项目渲染出确定性的品牌化动态图形视频。视频硬性限制在约 10 秒，支持横屏、竖屏、方形三种画幅，以及深色/浅色主题和自定义强调色。渲染结果提交到仓库并通过 GitHub 链接交付，无需第三方托管。
color-grade
color-grade 是一个用于视频调色的命令行技能：通过 LUT 文件为视频套用电影感外观，或生成多个候选调色供用户比较和选择。它支持 .cube 3D LUT（用 lut3d 应用）和 .png HALD-CLUT（用 haldclut 应用），grade 命令会根据文件扩展名自动识别格式。典型用法包括：用 `uv run video-agent grade apply` 将某个 LUT 套用到整条视频；用 `grade preview` 把同一帧渲染成多张候选外观并拼成带标签的对比图，让用户挑选后再套用全片；用 `grade gen-lut` 把一条调色滤镜链烘焙成可复用的 HALD LUT。文档提示调色应放在最终编码阶段，在剪辑/重构之后、字幕与叠层之前进行；在 edl-edit 任务中可通过 EDL 的 grade 字段一次性套用整条成片。它更适合平淡、log 或消费级设备素材，普通 Rec.709 录屏和摄像头画面只需轻微调整，不建议过度调色。
design
用于发现、读取、遵循、更新并校验 AgentsORG .design 视觉契约的技能。生成或评审 UI、重设样式、抽取或重混设计时，以项目内 .design 文件为规范，按 READ → FOLLOW → UPDATE → VERIFY 流程执行。
nested-card
nested-card 是一个卡片设计模式，用渐变外层容器包裹内层内容卡片和媒体区，形成层次感与视觉分离，适合构建有深度的优质卡片布局，支持明暗模式与尺寸变体。
bmad-idea
bmad-idea 是一个用于结构化交付前的创意构思技能，覆盖头脑风暴、设计思维、创新策略、问题诊断与叙事包装，帮助在写 PRD、架构或实现前先厘清方向并选择下一步命令。
responsive-design
响应式设计技能，用于构建适配手机、平板、桌面与大屏的网页布局。涵盖移动优先、断点、Flexbox/Grid、响应式图片与字体、容器查询等，并给出必须遵守的视口与相对单位规则。
video-production
一个基于 Remotion 的可编程视频制作技能，通过场景规划、素材编排与验证闸门，批量生成风格统一的品牌视频，支持自动生成与营销内容制作。
ai-avatar-video
通过 inference.sh CLI 调用 OmniHuman、Fabric、PixVerse 等模型，将人像图片与音频合成为 AI 数字人、说话头像或口型同步视频，也可与 TTS、转录工具组合完成配音本地化工作流。