matter-ui-skills
Matter 风格的 UI 设计系统约束指南,供 AI 智能体在构建深色模式、Inter 字体、4px 网格界面时参考,包含颜色、排版、间距、边框、组件与交互规范。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 10-19 00:11
20,230 个结果
Matter 风格的 UI 设计系统约束指南,供 AI 智能体在构建深色模式、Inter 字体、4px 网格界面时参考,包含颜色、排版、间距、边框、组件与交互规范。
多参考图生视频工具,依据多张参考图和提示词生成视频,支持KLING可灵、SEED豆包、SEED_FAST、HAPPY_HORSE百炼模型,可设置时长、Pro模式、声音、宽高比与分辨率,异步创建任务后轮询获取结果。
用于在 PlayCanvas 中把静态光照、阴影和环境光遮蔽烘焙进光照贴图,从而消除静态灯光对静态几何体的逐帧开销。使用前提是网格实例具备第二套 UV(SEMANTIC_TEXCOORD1)。
用于生成暗色电影感 SaaS/产品动效视频的风格化技能,采用黑色星空舞台、底部紫色辉光与大型动态字体,通过 HyperFrames 构建,适合"暗色科技感"产品短片,但不适用于像素级复刻。
该技能帮助使用 awesome-claude-design 合集:68 份可直接使用的 DESIGN.md 文件,可将品牌视觉系统描述交给 Claude Design,一次性生成含设计令牌、组件库与可用 UI kit 的完整设计系统脚手架。
Course style 是 AI Engineering from Scratch 课程页面、图表与手册的共享视觉与写作规范技能。它本身不包含绘图方法,而是作为参考层,为 blueprint-figure、motion-figure、isometric-explainer、write-manual 等其他技能提供精确的取值依据。该技能规定了浅色与深色主题的颜色令牌、字体栈、图表标签格式、卡片与图框尺寸、动效时长与缓动、无障碍要求,以及纯技术英语的写作规则。适用于撰写或审阅课程页面、卡片、图表、手册,需要查询主题令牌值、图表标签格式、动效参数或检查文字是否符合规范时使用。不适用于绘制静态 SVG 图表、构建动画或滑块图表、制作等距机器说明图、撰写完整手册,或属于其他品牌的产品页面。
Excalidraw Studio 是一个根据自然语言描述生成 Excalidraw 格式图表的技能,输出可直接在 Excalidraw 打开的 .excalidraw JSON 文件。支持流程图、关系图、思维导图、架构图、数据流图、泳道图、类图、时序图和 ER 图,并提供模板与图标库说明。
将文章、讲稿或技术主题制作成王虹学术报告气质的 16:9 Notability 手写风 HTML 幻灯片,逐页导出 PNG,并默认同时生成可逐条播放动画的时间轴版 HTML。
Satori 是将 JSX/HTML 与 CSS 转换为 SVG 的库,采用 Flexbox 布局引擎,常用于生成动态 Open Graph 图片和社交卡片。本技能提供使用 Satori 的专家指导,帮助在受支持的 CSS 子集内编写标记,避免渲染错误。
UI 提示词设计师技能包(UI Prompt Generator)用于根据产品需求文档(Product-Spec.md)自动生成原型图提示词。它先读取产品文档,提炼项目概述、目标用户与核心功能,再将功能需求转化为视觉设计描述,选择合适的视觉风格与配色方案,并为每个核心功能生成多个设计方案的原型图提示词,最终按模板输出 UI-Prompts.md。技能内置 Modern Minimalist、Material Design、Neumorphism、iOS Human Interface、Flat Design、Dark Mode 等风格选项,以及冷色调、暖色调、中性色、渐变色等配色建议,并规定提示词需包含应用类型、界面类型、核心功能、视觉风格、配色方案、关键元素、布局结构与交互提示等要素。
用于 Blender 的日常与主角道具建模技能,聚焦家具、工具、容器、电子产品和家居物件等写实可读道具,强调剪影优先、真实尺度与套件拼装友好,适合硬表面科幻机械语言不合适的场景。
senior-architect 是一套面向系统架构设计与评审的技能工具,可生成架构图、分析依赖与耦合、检测架构模式,并支持数据库选型、单体与微服务取舍等决策流程,附带 ADR 模板。
来自 charleswiltgen/axiom 的相机采集技能,指导用 AVFoundation 实现自定义相机界面:会话配置、拍照、录像、旋转处理、响应式采集与会话中断管理,并列出常见错误与强制前置步骤。
该技能用于借助 AI 视频生成模型(Veo、Runway)制作动态图形与视频内容,覆盖产品动画、社交媒体视频、解说内容与电影感素材,并提供从需求、分镜、提示词到生成、剪辑、调色、导出的流程。
Seedance Director 是一个面向即梦 Seedance 2.0 平台的 AI 视频导演技能,通过五阶段流程引导用户完成创意构思、素材制备、分镜设计与提示词生成,输出可直接粘贴使用的即梦提示词和操作指引。
用于从参考幻灯片或报告 PDF 中提取可复用 DESIGN.md 的共享设计分析技能,服务于 GPT-image 与 HTML 幻灯片工作流。它关注视觉系统而非内容,输出配色、字体层级、布局语法、图表与信息图规则及反模式。
Hugging Face 风格的 UI 设计系统技能,供 AI 智能体在构建界面时遵循其视觉规范,涵盖深色模式、Inter 字体与 4px 网格。
Mailchimp 风格的 UI 设计系统技能,用于让 AI 智能体构建浅色模式界面。依据 Inter 字体、4px 网格与语义化颜色令牌提供有倾向性的约束规则,涵盖排版、间距、边框、组件与交互状态。
Monzo 风格 UI 设计系统技能,供 AI 智能体在构建浅色模式、Inter 字体、4px 栅格界面时参考。内容包含语义色板、排版样式、间距、圆角、布局、交互状态、动画与性能约束。
PlanetScale 风格的 UI 设计系统技能,供 AI 智能体在构建深色模式界面时参考。规定使用 Inter 字体、4px 网格、语义化颜色令牌与交互约束,适用于打造 PlanetScale 美学的界面。
Retool 风格 UI 设计系统技能,用于让 AI 智能体按 Retool 美学构建界面:浅色模式、Inter 字体、4px 网格,并提供颜色、语义令牌、排版、间距、边框、布局与交互约束。
Substack 风格界面设计系统技能,供 AI 智能体在构建浅色模式、Inter 字体与 4px 网格界面时参考,包含颜色语义变量、字体、间距、圆角与交互约束。
Warp 风格 UI 设计系统技能,供 AI 智能体在构建浅色模式界面时参考。规定使用 Inter 字体、4px 间距网格、语义化颜色令牌与统一圆角,并给出排版、交互状态、动画与性能方面的约束。
Slide Deck Designer 是一个用于设计 PowerPoint、Keynote 和 Google Slides 演示幻灯片的技能,侧重视觉资产、布局、用户体验与设计系统,不适用于文案写作和数据分析。