emil-design-eng
该技能封装 Emil Kowalski 的界面打磨哲学,涵盖组件设计、动画决策与不易察觉的细节,用于构建“感觉对”的界面。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 11-05 00:16
22,051 个结果
该技能封装 Emil Kowalski 的界面打磨哲学,涵盖组件设计、动画决策与不易察觉的细节,用于构建“感觉对”的界面。
为项目套用品牌设计风格的技能:从 awesome-design-md 的 58 个品牌中引导选择,下载对应 DESIGN.md 到项目根目录,供 AI coding agent 构建 UI 时参考。
Impeccable 设计工具导览技能,向用户展示设计菜单并按选择调用对应子 skill,如 frontend-design、critique、audit、colorize、animate、polish 等,缺失时自动安装工具包。
remotion-ffmpeg-skill 是一个基于 Remotion 与 ffmpeg-skill 的视频动效制作技能,用于在真实素材上生成动态图形。它不直接执行原始 ffmpeg/ffprobe 命令,测量、检查与交付均通过 ffmpeg-skill 的脚本完成。主要能力包括:按 SRT/VTT 字幕文件定时生成动画字幕、自动跳剪、节拍脉冲、卡拉OK逐词字幕、章节卡片、精彩片段集锦、音乐剪辑、画中画、下三分之一人名条与场景标题等,并支持将图形作为透明 ProRes 图层单独输出,便于在 Premiere、Resolve、Final Cut 中后续合成。使用流程为:初始化项目、分析素材生成时间线、预览静帧、渲染并校验、按平台交付。脚本位于 scripts/ 目录,以 python3 运行,支持 --json、--dry-run、--overwrite、--timeout 等通用参数,也可通过 MCP 服务暴露相同工具。适配 9:16、1:1、4:5、16:9 等多种画幅,CJK 字幕自动匹配字体,支持自定义字体、品牌配置与长素材稀疏渲染。限制方面:依赖 ffmpeg-skill;素材需先转为 SDR 与恒定帧率;标题、章节名等内容需用户提供,不可臆造;无字幕文件或本地语音转写时无法生成字幕;Remotion 对超过 3 名员工的企业需商业许可。
用于B站起号选题的技能:通过公开JSON接口搜索近期低粉爆款视频,按粉丝数、播放量及播放粉丝比筛选并排序,输出JSON或Markdown,无需API密钥。
面向 CLI/API 智能体的设计技能,用于从零产出一次性 HTML 设计物(落地页、演示文稿、原型等),保留 Claude Design 的设计流程与品味,去除托管网页版专属工具依赖。
用于编写、校验和导出 Google DESIGN.md 设计令牌规范文件的技能。DESIGN.md 用 YAML 前置元数据存放机器可读的设计令牌,用 Markdown 正文说明设计理由,配套 CLI 可做结构校验、WCAG 对比度检查、版本差异比对,并导出为 Tailwind 或 W3C DTCG JSON。
用于在正式开发前快速探索 UI/UX 方向的技能:生成 2-3 个可交互的一次性 HTML 设计变体,供用户并排比较视觉方向,而非产出可交付代码。
Three.js 材质技能,系统整理 Three.js 中各类材质的用法与属性,涵盖 PBR、基础、Phong、卡通、着色器材质等。适用于为网格设置样式、处理纹理、创建自定义着色器以及调试法线或深度等场景。内容包含快速上手示例、材质类型对照表、各材质常用参数、玻璃与车漆等示例、内置 uniform、多材质分配、环境贴图、材质克隆与运行时修改,以及性能优化建议。
Three.js 后处理技能,围绕 EffectComposer 组织渲染通道,用于为 Three.js 场景添加泛光、景深、抗锯齿、环境光遮蔽、色彩校正、暗角、胶片颗粒、像素化、故障、半调、描边等屏幕空间视觉效果,并支持自定义 ShaderPass 与多通道组合。
通过用户访谈、代码库探索与模块设计来创建 PRD,并保存到仓库的 docs/prd/<name>.md。适用于用户想要撰写产品需求文档时。
该技能把用户对图表要表达内容的描述转换为 D2 源码,再渲染成 SVG,并生成 PNG 与 ASCII 预览图和替代文本(alt text),最后验证图表在最终展示尺寸下是否仍然清晰可读。支持流程图、架构图、时序图、决策路径等常见图表类型。使用时需提供图表要展示的信息、主体及其关系、SVG 输出路径,可选提供主题 JSON 和槽位尺寸;默认槽位为 16:9 幻灯片内容区的 1164x616。工作流包含安装检查、只表达一条核心信息、用 Diagram Role(base、emphasis、muted、risk、boundary、flow、optional-flow、risk-flow)统一设置样式、运行 check 检查可读性、渲染并查看 PNG、编写替代文本。规则包括:含 # 或 ; 的标签需加引号;连接时应使用键,不要使用标签;容器内的元素应按完整路径连接;时序图中所有参与者需先声明;每行控制约四个形状;不添加图例。
该技能用于根据图像需求描述生成插画或照片,支持 Gemini 或 OpenAI 作为图像提供方。生成前需先运行 plan 命令展示提供方、模型、图像数量和定价链接,待用户批准费用后再以 --approved 参数执行生成。每张图像会附带记录提供方、模型、提示词和日期的 sidecar JSON 文件,并自动为 alt 文本添加“AI-generated:”前缀以声明其为 AI 生成。脚本使用 Node 内置 fetch,无需安装依赖。适用于需要为页面、幻灯片等生成配图并需明确标注 AI 来源的场景。
jev-blender 是一个面向 Blender 工作的默认工作流入口技能,强调代码优先的本地执行、本地质量检查以及有边界的 Jev 诊断建议。它本身不授予任何新的付费、公开、生产、凭据或客户数据权限,也不改变模型路由或重启网关。该技能主张在本地选择执行方式:对已知流程或长时间最终渲染使用确定性的后台脚本;对反复的检查与编辑循环,优先使用已安装且自有的热会话适配器(私有管道与隔离偏好设置),并在安装时加载 blender-warm-session。它要求保持单一有界资源所有者、整任务截止时间、独占的一次性工作区以及明确的源/输出标识,保留源文件,不跨轮次分离工作进程,并强调 Blender 退出成功本身不等于产物验收。在向模型提问前,应先测量适用的几何、材质、构图与光照是否符合任务规范,未知检查必须实测,失败项交回规划者修复,不得把未执行或不适用的检查标记为通过。Jev 诊断仅限固定词汇的症状,通过 jevkit.blender.select(state) 或封闭 JSON schema 调用,禁止场景文件、截图、代码、名称、路径、自由文本或私有测量进入该辅助工具。Jev 不能编写 Blender 代码、授权场景编辑、虚构参数或宣布完成,只能派发调用方自有的只读探针 ID,结果需本地验证。
用于设计或改善应用新手引导(onboarding)的通用技能。以“尽快到达 Aha Moment”为核心,提供检查清单与改善报告、Mermaid 流程图、线框图指示、React/SwiftUI 代码生成四种输出模式,并包含指标埋点与 KPI 模板。
将UX心理学效应应用于UI设计的技能,可在落地页、价格表、引导流程和CTA设计时自动参考,涵盖认知负荷、行为促进、信任构建与决策类效应,并明确禁止暗黑模式。
该技能用于审查 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,每次审查前都会重新抓取,以确保使用最新规则,抓取内容包含全部规则及输出格式说明。使用时,若用户提供了文件或匹配模式参数,则依次执行抓取指南、读取文件、应用全部规则、按规定格式输出结果;若未指定文件,则询问用户需要审查哪些文件。
用于定义并应用颜色、间距和排版等设计令牌(design tokens)的技能,帮助建立一致的设计系统并移除硬编码样式,支持深色模式等场景。
vision 是一个用于规划 UI/UX 方向的设计技能,聚焦重设计策略与设计系统决策,而非代码实现。适用于界面重设计、新产品设计方向、设计系统规划及 UX/UI 审计,要求给出多个带权衡的方案。
web-design-guidelines 是一个用于审查 UI 代码是否符合 Web Interface Guidelines 的技能。当用户提出“review my UI”“check accessibility”“audit design”“review UX”或“check my site”等需求时使用。其工作方式是:先从指定源 URL 获取最新版指南,再读取用户指定的文件(或询问文件/匹配模式),逐条对照指南中的所有规则进行检查,最后以简洁的 file:line 格式输出发现的问题。该技能定位为严格的、基于规则的 UI 审查与问题报告工具,与 web-design-pro(偏设计系统架构、性能相关样式与实现策略)和 ui-ux-pro-max(端到端 UX 交付物与具体重设计/重构方案)有所区分。
Cast 是一个将文本内容转换为设计感 PNG 图像的工具,可把文章、金句、笔记等渲染成信息图、海报、视觉卡片、模型图或风格化图形。它提供 CLI 快速渲染与 AI 全流程两种路径,支持多种设计系统与排版模式,输出 4K 质量图片。
cast 是一个把文本内容渲染成设计感 PNG 图片的工具,可将文章、金句、笔记等输出为信息图、海报、视觉卡片或风格化图形。支持 CLI 快速渲染与 AI 创意布局两条路径,内置多套设计系统与多种版式模式。
该技能可将设计截图或文字描述转换为 HTML/CSS 代码,通过 GLM 视觉模型(Z.ai)实现。属于试用版,仅支持 CREATE 模式和 HTML 输出,不包含 React、Flutter 及评审修复功能。
面向目标仓库部署基于文件的看板任务体系:生成 task-tracker 智能体、task-board 技能、tasks 规则以及 board 与各控制文件,可选启用 spec/design 层;支持 status、install、upgrade、enable、disable、uninstall、purge 等模式。