ui-design-system
UI 设计系统工具包,面向高级 UI 设计师,提供设计令牌生成、组件文档、响应式设计计算与开发者交付文档。可通过脚本从品牌色生成完整令牌体系,并导出 CSS、SCSS 或 JSON。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 10-31 00:15
21,399 个结果
UI 设计系统工具包,面向高级 UI 设计师,提供设计令牌生成、组件文档、响应式设计计算与开发者交付文档。可通过脚本从品牌色生成完整令牌体系,并导出 CSS、SCSS 或 JSON。
Lyric Video 是 openfilm/skills 中的一项技能,用于为单首歌曲制作可作为官方版本发布的歌词视频。它强调歌词随人声出现(每个词在人声唱出的瞬间落到画面上,误差控制在两帧以内),歌词逐字逐行保持原语言,画面与运动服务于该歌曲,而不是把歌词当字幕叠在背景上。制作时可使用网页平台及其库、Blender 等渲染器、创作者提供的素材与字体、npx openfilm get 获取的图像视频声音,以及歌曲本身做分析;成品保持可编辑,之后能改词或改时间。
该技能用于在 OpenFilm 中复刻参考视频,可按用户要求做到逐帧还原,或只保留参考视频的结构、节奏、外观和运动方式并换入用户自己的内容。复刻的影片在 OpenFilm 中重新制作,每个部分都可以修改;参考素材保存在 references/ 中,不会直接成为影片片段。技能会依据相同时间点上的切点、字幕、运动和声音进行对齐,并用 npx openfilm look 对比两个版本,如实报告接近程度。使用前需要确认参考来源、接近程度、用户版本的主题与素材,以及发布渠道。
Vintage-film 是一个把照片和视频片段制作成“回忆电影”的技能,成品看起来像用老胶片拍摄,或像保存下来的拍立得照片和冲印照片。适用于回忆与回顾类内容,例如一次旅行等。它要求人物和瞬间保持原样:只做暗房可做的事(裁剪、缩放、调色、颗粒、光线),不修复面孔、不扩展画面、不让人物被生成动作或表情,除非用户主动要求并注明是生成内容。日期、地点和姓名只能来自用户或照片元数据,不能猜测。最终成品需以观众视角完整观看并反复打磨。
Whiteboard 是一个白板讲解视频生成技能,用于把讲解内容制作成“边画边讲”的视频:语音说到哪里,白板上的线条和文字就在哪里被画出来,帮助观众看到概念逐步搭建并被记住。资料强调绘制本身就是讲解,而不是先画好整幅图再淡入或滑入。它要求绘制与语音逐词对齐、内容忠于原始文档的事实和数字、白板文字拼写正确且可读,并保持可编辑性,用户可修改脚本或替换为自己的录音。适合课程、微讲座、培训等讲解场景。
Higgsfield Acting Director 技能:为视频提示词编写“可表演的行为层”,核心是把表演写成压力下的行动而非情绪展示。它叠加在 Seedance 提示词之上,只填充表演/角色演绎块,不改变镜头、灯光、服装或调色。
Design Debate 是一个让多个设计智能体就不同设计方向展开辩论的技能,帮助用户在信息充分的情况下做决策。适用于设计方向不确定、存在多种可行方案或用户想先看各方论证再决定时。
用于设计系统相关工作的技能:梳理令牌、组件、命名、主题与模式库,帮助新界面与既有系统保持一致,或从零搭建具备可访问性的设计系统。
Design Critique 是一个用于设计评审的结构化技能,帮助团队对照设计计划、设计原则或质量标准评估设计成果。它覆盖设计意图、无障碍性、工艺与品味评估,并将问题按严重程度分类,输出可执行的评审报告。适用于设计任务完成后、交付工程前、设计决策不确定时或设计计划的预定评审节点。
交互设计技能,用于设计组件状态、过渡与动画、错误处理、加载模式、反馈机制以及手势与触摸交互。该技能强调交互是对用户的承诺,需确保所有交互方式(视觉、屏幕阅读器、键盘、触摸)都能被正确响应。适用于设计组件的默认、悬停、激活、聚焦、禁用、错误、加载、成功等状态,设计即时、短等待、长等待和完成反馈,处理错误与空状态,设计动画与动效,以及手势与输入方式。流程包括映射所有状态、设计反馈模式、错误处理、动画与动效、手势与输入设计、记录交互规格。
UI Composition 是一个面向界面视觉设计的技能,用于构建布局、选择配色、设定字体排版、建立视觉层级、设计响应式行为与深色模式等视觉设计决策,强调系统性、可访问性与包容性,目标是让视觉决策有原则、成体系并覆盖不同能力人群。
Designpowers 的设计工作流入门技能:在会话中首次收到设计相关消息时,先运行欢迎流程,检查 ~/.designpowers/taste-profile.md 判断新老用户,展示欢迎语,并分流到“新建设计”或“评审现有作品”。不提供收费或平台信息。
该技能用于在已确认设计方向后,将设计简报或策略拆解为可审查的实施任务清单。它把设计工作分为结构、组件、布局、交互、内容、无障碍等类别,并按依赖顺序排列,确保基础工作先于细节工作,且无障碍要求贯穿每个任务而非法最后补充。每个任务包含涉及文件、具体步骤、无障碍检查与验证标准,建议任务粒度为2-5分钟专注工作量,能独立评审。计划保存至 docs/designpowers/plans/YYYY-MM-DD-<feature>-plan.md,并需用户批准后才开始执行。适用于设计方向已获批准、实施前的拆解阶段,或单个设计任务过大无法一次完成和评审时。
该技能提供一套用于生成超写实、UGC/网红风格照片的提示词模板,适用于 Palmier Pro。它强调通过具体的瑕疵、光线、纹理等细节替代笼统的“真实”描述,并给出9槽位公式、负面提示词和多种场景模板,帮助生成生活自拍、闪光灯夜拍、产品手持广告等。
一个面向前端界面设计的技能,强调在编写真实可用代码时做出大胆、独特且可访问的视觉设计,避免通用“AI 味”审美。适用于构建网页组件、页面等场景。
基于 Robert C. Martin《Clean Architecture》的架构原则与最佳实践技能,适用于设计软件系统、审查代码与重构耦合系统,包含 8 类共 42 条按架构影响排序的规则。
用于创建可视化参数调节面板的技能,帮助在开发阶段实时调整动画、布局、颜色、排版、物理等数值,并仅导出被修改的参数供 LLM 使用。
Figma Agent 是一个围绕 figma-mcp-server 的技能,用于把 Figma 链接转为可运行代码、设计令牌、导出资源或评审反馈,并规范工具调用顺序与易错细节。使用前需先安装并配置该本地 MCP 服务器,并准备具备相应权限范围的 FIGMA_API_KEY。
用于设计 PostHog Replay Vision 扫描器(scanner)技能:围绕单个录屏提出一个可回答的聚焦问题,按答案形态选择类型(monitor/classifier/scorer/summarizer),构建筛选查询、编写提示词、按错误代价选模型,并在首批录屏上测试观察结果。
feature-video 是一个用于为 PR 录制功能演示视频的命令:通过 agent-browser 截取浏览器交互画面,用 ffmpeg 合成视频或 GIF,上传后嵌入 PR 描述。
Undress Design Fashion AI 是一个基于同意的服装编辑与虚拟试穿工具,提供服装分割、换装、风格变体和时尚概念生成等 API 能力,可用于电商试穿与设计原型。
fal-video 是一个基于 Fal.ai Seedance 模型的 AI 视频生成技能,可将静态图片动画化为短视频,或从图片生成高质量视频内容。输入需提供图片文件 ID、运动提示词和视频时长,通过 Refly 命令行上传图片并运行技能,最终输出 .mp4 视频文件。
将项目中的代码、设计文档等文件按清单整理成单个可移植 Markdown 文件,便于交由其他 AI 智能体或人工审阅,支持意图分析、清单化与缺失文件声明。
write-a-prd 是一个用于创建产品需求文档(PRD)的技能:通过用户访谈、代码库探索与模块设计,最终将 PRD 以 GitHub issue 形式提交。适用于用户想撰写 PRD 或规划功能时。