warp-ui-skills
Warp 风格 UI 设计系统的技能约束集,用于在 AI 代理辅助下构建浅色模式界面,核心为 Inter 字体、4px 间距网格与语义化设计令牌(表面、文字、边框颜色及圆角、间距、交互规则)。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 11-05 00:16
22,054 个结果
Warp 风格 UI 设计系统的技能约束集,用于在 AI 代理辅助下构建浅色模式界面,核心为 Inter 字体、4px 间距网格与语义化设计令牌(表面、文字、边框颜色及圆角、间距、交互规则)。
canvas 是一个以代码方式创建和编辑图表的工具,它把 mermaid 文本或 excalidraw 场景 JSON 作为可编辑源文件,保存在稳定的 8 字符 id 下。canvas 本身不做任何渲染;渲染由控制台完成:在聊天中调用 canvas::* 会显示实时图表,canvas 页面会列出并编辑所有已存储的内容。因为保存的是源文本,图表可以持续修改,不会被固化成像素。id 在更新前后保持不变,方便在对话中反复修订并保持旧引用有效;记录持久化在 state worker 中,重启后不会丢失。为避免写出错误的 mermaid,可先用 canvas::syntax 获取渲染器实际支持的图族与示例,再用 canvas::validate 仅解析不存储,确保有问题的图不会进入存储或渲染成错误卡片。支持的能力包括新建、读取、列出、更新、删除画布,查询 mermaid 语法参考,校验源码,以及为 freeform(excalidraw)画布逐个添加、更新、删除、列出元素。canvas 不是文件存储,也不是文档编辑器,单图源码受 max_source_bytes 限制,画布格式在创建时固定,更新只改名称和源码。
gemini-unwatermark 是一个用于去除本地图片上可见 Gemini 水印的技能,适合让智能体批量清理一张或多张由 Gemini 生成的本地图片并保存结果。
video-feed-ocr 是一个从本地视频中提取屏幕可见文字的 Agent Skill,通过按帧采样并调用本地 OCR 引擎识别文本。支持 Tesseract 快速模式与本地多模态 LLM 高质量模式,可输出原始文本并按正则筛选匹配结果。
这是一个用于为浏览器扩展生成品牌图标、Chrome 应用商店推广图块、宣传截图、品牌指南和商店文案的工作流技能。它采用三阶段流程:概念探索、选定并完善、商店素材生成,并提供一个自包含脚本,直接调用 OpenRouter gpt-image-2 生成图像,不依赖 blog-image-generator。脚本需通过配置文件运行,支持生成概念图、品牌指南、商店素材及仅截图模式。适合扩展开发者在提交 Chrome 应用商店前统一准备视觉与文案素材,但需自行配置 OpenRouter 环境与品牌参数,具体图像质量与合规性需人工复核。
用于生成浏览器扩展品牌图标、Chrome 应用商店宣传图块、宣传截图、品牌指南与商店文案的三阶段工作流技能,通过 OpenRouter gpt-image-2 直接出图,脚本自包含。
refine-issue-plan 是一个智能体技能,用于把不完整的 issue、任务、对话或仓库上下文整理成可实施的计划,并判断工作应保留在单个 issue 还是拆分为独立子 issue。它强调分析、审批、issue 变更与实现相互分离。
用于规划、评估和构建营销型免费工具的 Claude 技能,聚焦线索获取、SEO 流量与品牌认知。提供工具类型、创意框架、线索捕获、SEO、自建与购买、MVP 范围及评分卡等指导。
这是一个专注于 AI 图像生成的摄影提示词工程智能体,旨在把视觉概念转化为结构化、专业级的摄影提示词。它强调使用准确的摄影术语(如光圈、焦距、布光方式),按主体、环境、光线、技术参数与风格分层构建提示词,并针对 Midjourney、DALL-E、Stable Diffusion、Flux 等平台做适配。适用人像、产品、风光、时尚等摄影类型,支持负向提示词、胶片模拟与风格参考。
这是一个面向图像与视频生成的专业提示词工程技能,专注于克服基础模型中的系统性刻板印象偏见,产出文化准确、尊重主体且非类型化的视觉内容。该技能以“包容性视觉专家”的身份工作,强调身份不是普通描述符,而是需要技术性处理的领域,通过结构化提示词、显式负向约束和生成后审查清单来保障人物呈现的尊严与真实感。适用于使用 Midjourney、Sora、Runway、DALL-E 等工具制作多元文化、跨年龄、残障等题材素材的团队,帮助避免克隆人脸、乱码文字符号、过度符号化构图等常见问题。
这是一套基于虚构人物心理模拟的网页认知走查方法。通过为特定人物(如焦虑型决策者、回避型研究者)建立详细的画像(包括搜索词、焦虑点、信任触发点),模拟其浏览网页时的即时思考、情绪变化与决策过程。该方法结合 LIFT 转化模型、西奥迪尼说服原则和福格行为模型,对页面首屏、各滚动区块进行定性评估,输出人物独白、分析师评估、结论与按优先级排序的改进建议,帮助发现设计者视角的盲区。
ArchitectUX 是一个技术架构与 UX 专家型智能体,定位为开发者的“地基搭建者”。它负责把项目规格转化为可实施的 CSS 设计系统、布局框架与 UX 结构,为后续开发提供清晰的基础规范。其核心产出包括:带语义化变量的 CSS 设计系统(颜色、字体层级、基于 4px 的间距系统)、响应式容器与网格布局规范、组件层级与命名约定,以及明暗/跟随系统主题切换的完整 HTML、CSS 与 JavaScript 实现模板。它还会梳理信息架构与内容层级、交互模式和可访问性基线,并输出开发者交接文档,明确实现优先级与依赖。该智能体强调“先地基、后精修”:先建立可扩展、无冲突的 CSS 架构和响应式策略,再交给开发实现与细节润色。适用于网站或前端项目启动阶段需要统一设计系统、布局基础与 UX 结构的场景;具体平台、收费与效果等资料暂未提供。
这是一个面向视觉叙事与品牌故事化的专家型智能体技能,定位于视觉传播与多媒体内容创作。它围绕“用视觉讲故事”组织工作流:梳理品牌叙事与传播目标、规划故事弧线与情感旅程、定义视觉隐喻与符号、制定跨平台适配策略,并产出故事板、视频与动画、信息图与数据可视化、互动媒体等内容的规格与方案。该技能强调叙事结构完整、品牌一致性、无障碍合规与文化敏感度,适用于品牌营销、内容策划、数据传播和跨平台视觉运营等场景。具体工具链、交付格式、性能数据与收费方式暂未提供。
这是一个专注于为品牌体验注入个性、愉悦感与趣味元素的中文创意专家型智能体技能。它面向品牌个性与趣味互动设计,强调通过微交互、文案、彩蛋、游戏化系统等方式,让品牌在保持专业性与品牌一致性的同时,呈现出令人记住的愉快体验。技能内部包含品牌个性与趣味策略框架、微交互设计示例(按钮、表单校验、加载动画、进度庆祝)、趣味微文案库、成就与彩蛋系统代码示例,以及从品牌分析、策略制定、实现设计到测试迭代的工作流程。其核心规则要求趣味元素必须服务于功能或情感目的,并兼顾无障碍与包容性,如避免干扰屏幕阅读器、支持减少动态效果偏好。适合需要为产品界面、错误页、空状态、加载流程等场景增加品牌个性的设计与开发协作场景。
用于在 Draw.io 中生成软件架构图的技能,覆盖 C4 模型(系统上下文、容器、组件)、AWS/Azure/GCP 云架构与部署图,强制 C4 配色、标签格式、模具命名空间与嵌套规则,避免混用云厂商图标。
MariaDB 复制的架构参考技能,覆盖异步、半同步与并行应用三种复制形态、MariaDB 专有 GTID 格式、二进制日志格式、多源复制及监控要点,并给出拓扑选型决策树与配置示例。
面向 MariaDB 存储过程与存储函数编写的技能包,覆盖控制流、游标、DECLARE HANDLER 错误处理、SIGNAL/RESIGNAL 自定义错误,以及 DETERMINISTIC 与 NOT DETERMINISTIC 的选择。
SolidJS 状态架构设计技能,指导在 signals、stores 与 context 之间做选择,避免用 createEffect 处理派生状态、解构 props 或 store 等破坏响应式的写法。
面向 Tauri 2 应用架构设计的技能包,提供 IPC 选型决策树、状态放置与锁策略、前后端职责划分、常见应用原型、性能与错误处理模式等参考。
通过 inference.sh CLI 调用阿里 Qwen-Image-2.0 系列模型生成与编辑图像,支持文生图、多参考图编辑、自定义分辨率、负面提示词与随机种子,含快速版与专业版两个模型。
通过 inference.sh CLI 调用阿里 Qwen-Image-2.0-Pro 生成与编辑图像,擅长专业文字渲染、精细写实和复杂提示词遵循,适合海报、营销横幅等图文结合场景。
Autonomous Agent Builder 设计系统 v0.5 技能,用于在 autonomous-agent-builder 代码库中构建或重设页面样式、添加或审计基础组件、生成主题预设并校验界面是否符合系统规范。
遵循 Dieter Rams“少而精”理念的 UI 组件设计技能,用于生成、创建和校验界面组件与布局。提供设计令牌、布局模式、组件模板及无障碍要求,支持原生 HTML 与 React 输出。
将 Figma 设计稿翻译为生产级应用代码的技能,追求 1:1 视觉还原。适用于依据 Figma 文件实现 UI 代码的场景,需配合 Figma MCP 服务器使用。