baseline-ui
baseline-ui 是一个面向 Tailwind CSS 的 UI 基线校验技能,用于验证动画时长、统一字体排版比例、检查组件可访问性,并阻止常见布局反模式。它来自 ibelick/ui-skills,通过 skills 命令安装后调用。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 10-21 00:11
20,385 个结果
baseline-ui 是一个面向 Tailwind CSS 的 UI 基线校验技能,用于验证动画时长、统一字体排版比例、检查组件可访问性,并阻止常见布局反模式。它来自 ibelick/ui-skills,通过 skills 命令安装后调用。
creative-director 是一个面向创意策略与构思的 Agent 技能,采用资深创意总监思路,提供 SIT、TRIZ、SCAMPER、Bisociation、Synectics 等 20+ 构思方法,并按原创性、相关性、工艺三轴评估,参照 Cannes Lions、D&AD、HumanKind 奖项标准。
css-animation-skill 是一个四阶段 CSS 动画创建工作流技能,可抓取线上应用的设计语言,通过访谈确认动画目标与约束,生成动画简报和自包含 HTML/CSS 输出文件,并按反馈迭代,产出契合应用视觉风格的定制 @keyframes 动画。
designer-skills 是 Marie Claire Dean 推出的设计师工具集,包含 91 个技能、9 个插件与 28 条命令,覆盖设计研究、设计系统、UX 策略、UI 设计等 9 个领域。可用 /plugin marketplace add Owl-Listener/designer-skills 安装。
面向 Unity 6 UI Toolkit 的即插即用设计系统,提供设计令牌、24+ 组件、63 个图标、移动端适配与运行时辅助脚本,基于 UIDocument、UXML 与 USS。
UX/UI Principles 是一组 5 个智能体技能,用于依据 168 条有研究支撑的 UX/UI 原则评估界面、检测反模式,并在 AI 辅助设计与编码过程中注入 UX 上下文。
分析文章结构、识别需要配图的位置,并按“类型×风格”二维方法生成文章插图的技能。适合在用户要求为文章配图、添加插图或生成文章图片时使用。
该技能通过 Figma REST API 读取 Figma 设计文件、节点、渲染图片和评论,适用于用户提到 Figma、figma.com 文件链接或需要实现设计稿等场景。使用 curl 与 jq 调用,需在环境变量 $FIGMA_TOKEN 中提供 OAuth bearer token,每次请求都需携带 Authorization: Bearer $FIGMA_TOKEN,基础地址为 https://api.figma.com/v1。可获取账号信息、文件文档树、指定节点、渲染节点图片、评论以及团队项目列表。失败返回 {"status":<code>,"err":"..."},需原样展示 err;403 表示 token 缺少权限范围或文件未共享给该用户,404 表示文件 key 错误。文件 key 取自 figma.com/file/<KEY>/... 或 figma.com/design/<KEY>/... 路径段;节点 id 在 ?node-id=1-23 中(Figma 显示为 1:23,API 也接受 1:23)。注意:URL 中的节点 id 用短横线 1-23,API 需要冒号 1:23,需转换;/images 返回的 URL 是临时的,应及时下载使用,不要存储;depth= 用于限制树遍历深度,仅在小文件时省略,否则会拉取大量节点 JSON。
将文章、视频、仓库、产品、招聘启事、服务或报价包装成高关注度价值单元的技能,输出标题、缩略图或视觉概念、简介、产品卡片、落地页主视觉等。核心是让特定接收者觉得内容与自己目标相关、可能有效、足够新颖且值得现在投入注意力。
该技能用于把论文、科研文档、图注、开题或答辩材料以及可读参考图,转换为可直接复制给 AI 绘图模型的科研绘图提示词。它只生成 prompt,不生成图片。
面向 React 的 Framer Motion(现名 Motion)动画模式技能,涵盖弹簧参数、交错列表、布局动画、微交互、滚动触发与页面过渡等,用于提升 UI 精致度。
面向教育场景的技能,用于为AI生成文本设计事实核查协议:在SIFT框架基础上加入针对大模型幻觉的适配步骤,帮助学生识别伪造引用、编造统计、误归属与虚假共识等类型。
用于设计课堂“铰链问题”的诊断性选择题技能:围绕一个关键概念生成单选题、诊断键与决策指南,帮助教师判断学生是否理解到位、能否继续推进教学。
统一调用多家 AI 视频模型的命令行技能,支持文生视频与图生视频,覆盖 OpenAI Sora、Google Veo、Runway、Pika、Luma、FAL(Kling/Wan)等提供商,提交任务后轮询并下载 MP4/WebM。
基于 Remotion(React 视频框架)制作动态图形与视频的技能,支持音频同步、网页字体与 TailwindCSS。每个画面帧都是 React 组件,动画使用弹簧物理与基于帧的插值,可数据驱动批量生成视频。
PawBytes 出品的游击营销与增长黑客技能,用于设计非常规营销战术、病毒式传播活动、竞争干扰与增长实验,强调预算效率、风险评估与伦理边界,并遵循 SOSTAC 战略框架。
claudedesignskills 是一个面向智能体的创意编码与动效技能包,含 22 个技能、分属 5 个 bundle,覆盖 Three.js、GSAP ScrollTrigger、React Three Fiber、Framer Motion、Babylon.js、A-Frame、PixiJS、Locomotive Scroll 等框架。适合项目跨多个动画框架或尚不确定所需工具链时使用。
面向仪表盘、后台管理面板与 SaaS 应用的高信息密度界面设计技能,强调一致性系统与制作规范,使密集布局保持可用、易扫读且视觉精致。需先安装完整技能后调用。
面向 Apple Liquid Glass 设计系统(iOS 26+/macOS 26+)的技能包,提供 .glassEffect() 修饰符、.buttonStyle(.glass)、GlassEffectContainer 等知识,含平台差异、迁移路径与常见坑解决方案。
open-design 是本地优先的开源设计平台,作为 Claude Design 的自托管替代方案,内置 31 项设计技能,覆盖网页原型、SaaS 落地页、仪表盘、移动端引导流程、游戏化应用界面等;另含 71 套品牌级设计系统定义,可跨技能套用,无厂商锁定。
Figma 设计系统双模式技能:Inspect 模式提供只读 WCAG 无障碍审计、组件质量评分与开发者交接文档生成;Build 模式以六阶段引导创建设计系统,涵盖变量绑定、组件插槽架构与描述,可选导出 tokens.css 和 AI 可读规则文件。
Subframe 的批量导入技能:通过 CLI 一次性把现有代码库中的设计系统组件批量上传到 Subframe。仅当用户明确要求使用该技能时使用,且该功能目前只对部分团队开放。
这是一套面向用户体验(UX)研究的方法与流程技能,核心是通过定性与定量研究理解用户行为、需求与动机,从而推动以用户为中心的设计。资料将其定位为「UX 研究员」专长,涵盖用户访谈、情境调查、可用性测试(有主持/无主持)、主题分析与亲和图、卡片分类、日记研究、问卷与 Kano/MaxDiff、A/B 测试与热图等方法的适用决策。它还给出样本量参考(如定性可用性测试 5 人、访谈 5-10 人、卡片分类 15-20 人、定量基准 20-40 人、问卷 100+ 人)、招募策略矩阵,以及从测试计划、脚本、执行、综合到汇报的标准工作流。技能强调避免诱导性问题、焦点小组陷阱、把用户需求当解决方案、验证式走过场等反模式,并提供质量检查清单,覆盖招募、伦理合规、偏差控制、证据溯源与落地跟踪。
基于 FFmpeg 的视频处理技能,汇总日常最实用的 FFmpeg 命令示例,覆盖查看信息、转码压缩、裁剪分割、变速、拼接转场、音频处理、水印、特效调色、字幕、画面变换、GIF 与缩略图导出、批量处理及常见问题修复等场景。