frontend-design
为构建新界面或重塑现有界面提供视觉设计指导的技能,重点在于形成独特、有意为之的设计方向。它强调以真实主题内容为基础,做出关于配色、字体和布局的明确取舍,并避免常见模板化套路。技能以“设计工作室设计主管”的视角工作:先根据客户简报制定包含颜色、字体、布局和原则的紧凑设计计划,再对照简报检查是否流于通用,确认独特性后才编写代码。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 10-27 00:15
20,928 个结果
为构建新界面或重塑现有界面提供视觉设计指导的技能,重点在于形成独特、有意为之的设计方向。它强调以真实主题内容为基础,做出关于配色、字体和布局的明确取舍,并避免常见模板化套路。技能以“设计工作室设计主管”的视角工作:先根据客户简报制定包含颜色、字体、布局和原则的紧凑设计计划,再对照简报检查是否流于通用,确认独特性后才编写代码。
根据角色参考图与产品图生成5/10/15秒竖版UGC视频,让角色手持、穿着并展示产品;支持口播评测或静默演示两种模式,人物与产品均以参考图锁定。
面向 Seedance 视频提示词的电影化世界观构建技能,读取参考图提取服装与身份,锁定构图、角色位置与运动,输出含对白内音效的英文生产级提示词。
imini-generate 是 imini 开放平台的 AIGC 图像与视频生成技能,支持文生图、图像编辑、视频生成及项目集成代码编写。统一端点、统一 Bearer 鉴权、统一异步任务轮询模式,可实时获取模型目录与定价。
面向 Web 与移动应用的综合设计指南,内置 50+ 风格、97 套配色、57 组字体搭配、99 条 UX 规范与 25 种图表类型,覆盖 9 种技术栈,通过可搜索数据库提供基于优先级的推荐。
将带演讲者备注的 Deckset 格式 Markdown 幻灯片转换为带 TTS 旁白的演示视频,使用 Gemini 生成幻灯片图片、OpenAI TTS 生成语音,支持增量更新与多种视觉风格,输出 1920x1080 MP4。
面向 iOS/tvOS 的模型设计决策技能,提供 DTO 与单一模型取舍、验证策略、不可变性与自定义解码等判断框架,帮助在 Codable 语法之外做出架构选择。
motion-designer 是一个用于制作应用发布短片(launch film)的技能:把应用界面重建在 iPhone 或笔记本窗口中,由一台虚拟摄像机拍摄,画面按音乐节拍推进。影片每一帧都是时间 t 的纯函数 seek(t),可逐帧精确渲染、无缝循环并逐帧检查。
该技能用于生成电影感旅行漫游视频提示语。一个人按场次走过一个地点,每场带有自己的时间码、地点和一句短台词,质感由胶片颗粒与黄金时刻光线支撑。适用于目的地日记、城市漫游、徒步、露营、出发启程等场景,要求同一位旅行者在六到八个地点中保持是同一个人。工作流程包括收集缺失输入、从参考案例中选取一个最接近的锚点案例、逐块填写结构(开场行、质感参数、一致性锁、按时间码分场并标注地点、台词嵌入所在场景、结尾黄金时刻或夜晚道别、尾部人声与口型要求及上屏文字/logo/水印排除),最后以可复制整块形式返回提示语、锚点案例链接和三行需核验的清单。常见限制包括:三十秒内不宜排八场且场场有台词、每场需指定运镜、避免混入廉价手机瑕疵词汇、每场需有具体动作而非空镜。该技能源自对 goodcase.ai 上 31 个经人工核验的 Seedance 案例的提炼,是 seedance-prompt-library 的同类技能。
该技能用于把产品链接、应用商店页面、落地页或产品简报,借助 AI 智能体与确定性代码渲染器制作效果导向的广告视频。默认使用 Remotion 渲染,也支持 Hyperframes。
B-Roll Finder 是一套为口播视频寻找并放置 B-roll 素材的可复用方法论技能。它先加载用户品味档案,对每个镜头分类,限定可信来源,评分候选并交回素材表,最终由用户挑选。
用于在采用产品或品牌名称前,跨商标、域名、社交媒体账号和软件包注册表(npm、PyPI、Homebrew、apt)检查名称冲突,并给出风险等级与 Proceed/Modify/Abandon 建议。
brutalist-industrial 是一个设计风格包,提供粗野主义与工业终端美学融合的界面规范。它固定了调色板(做旧纸张底色、近黑墨水、单一信号色)、字体(无衬线重体标题、等宽标签)、构图(可见网格、1px 边框、硬偏移阴影)以及克制的机械式动效。适用于需要呈现原始机械感、军事/工业终端质感的网页或应用界面设计。
cinematic-motion 是一个“电影感”网页视觉风格包(Genre Pack),将页面构建为投射在工作室纸面上的影片:暖纸色画布、近黑墨色字体、唯一一种电光蓝强调色。它提供固定的配色、字体、构图、内容处理与动效规范,强调“静止画面本身即足够美观”,要求页面在关闭 JavaScript 与开启减少动态效果时仍然完整可用。该风格包含开场预加载、英雄区产品屏幕、巨型数字索引、跑马灯、拖拽轮播、路线图与手风琴等模块,并给出明确的失败检查清单。
这是面向 AI 智能体的品牌标识生成技能,围绕“标识是记忆辅助而非插画”的理念,指导从概念、字标排版、组合锁定、色彩应用到交付物的一整套流程。技能要求标识先通过 16px favicon 可读性测试,概念能用两个词说清,色彩限两色(一墨色加一强调色或单色),并提供反白变体、净空与最小尺寸规则,以及 SVG 主组合、favicon、og-image 和单页品牌规范在内的交付清单。
该技能用于生成“模拟神秘学/工业 CRT 黑色电影”风格的图像与视频:以近乎单色、低保真 CRT 录像质感呈现任意主题,强调扫描线、磷光、信号损伤与档案文物感,而非具体角色或品牌。
System One 是一套用于设计、集成、评估、自托管与排障类型化决策模型(如 Jev、Laya、CLM 等)的智能体技能,强调模型只做受限判断,权限与副作用仍由确定性代码或人工控制。
该技能用于审查 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,每次审查前都会重新抓取,以确保使用最新规则,抓取内容包含全部规则及输出格式说明。使用时,若用户提供了文件或匹配模式参数,则依次执行抓取指南、读取文件、应用全部规则、按规定格式输出结果;若未指定文件,则询问用户需要审查哪些文件。
该技能封装了 Emil Kowalski 关于 UI 打磨、组件设计、动画决策以及让软件体验出色的隐形细节的设计工程理念。它面向界面构建者,强调品味是可训练的、隐形细节会累积、美感是一种杠杆,并提供动画决策框架、组件构建原则、CSS 变换技巧以及手势与拖拽交互的实践指导。
Dacast 集成技能,通过 Membrane CLI 管理 Dacast 的视频、播放列表、频道等数据,支持直播与点播内容的查询、创建、更新和删除。
customer-card-render 是微软 hve-core 中的技能,用于把 Design Thinking 规范 Markdown 产物转换为 PowerPoint 内容 YAML,并借助共享 PowerPoint 技能流水线生成客户卡片演示文稿。
为 Figma 界面或组件生成结构化开发交付标注的技能,把视觉稿转成可实现的规格说明,包含交互状态、间距布局、文案规则、无障碍与边界情况等。适合设计交付前整理标注时使用。
用于在 Figma 中系统化定义组件变体与状态的技能,帮助在构建组件前规划好所有变体、属性和状态,避免组件已在多屏使用后才发现缺失变体。
stitch-design 是一个面向 Claude 的技能,用于借助 Google Stitch AI(由 Gemini 驱动)生成 UI 设计。它支持通过 MCP 自动调用或手动粘贴提示词两种方式,产出静态布局并导出 HTML 与截图,供后续前端实现参考。