stencil-atomic-design-system
基于 Stencil.js 的原子设计系统技能,按原子、分子、组织、模板分层组织组件,结合设计令牌与 Style Dictionary 生成 CSS 变量,支持主题切换与基于 slot 的组件组合,面向多客户端的可扩展、可主题化设计系统构建。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 10-29 00:09
21,191 个结果
基于 Stencil.js 的原子设计系统技能,按原子、分子、组织、模板分层组织组件,结合设计令牌与 Style Dictionary 生成 CSS 变量,支持主题切换与基于 slot 的组件组合,面向多客户端的可扩展、可主题化设计系统构建。
video-explorer 是一个用于分析视频文件的技能,通过分层抽帧帮助无法直接处理视频的 AI 理解视频内容:先快速生成缩略图总览时间线,再定位感兴趣区域并逐级放大查看细节。
面向 SaaS 内部产品界面与组件的排版优先 UI/UX 工作流技能,用于设计或重构仪表盘、设置页、编辑器等界面,以排版和 flex/grid 布局承载层级,强调可读的产品结构与克制的视觉风格。
将一张静态商品主图生成3–5秒可上架的主图短视频,支持推拉环绕等运镜与材质动态,可批量生成;需显式指定视频模型ID,不适用于长视频、口播或修改商品本身。
鞋包配饰真人穿戴图生成技能:输入商品图与模特参考图,输出真人佩戴的商拍图,落位、透视与阴影自然。适用于鞋、包、手表、眼镜、帽子、围巾、项链、耳饰等配饰,通过 dLazy gpt-image-2 多图参考合成实现。
用于处理多媒体文件的技能,涵盖 FFmpeg 视频/音频编码转换、ImageMagick 图像编辑与批量处理,以及 RMBG 本地 AI 背景移除。
canvas-design 是一个用于创作视觉艺术作品的技能,输出 .png 与 .pdf 格式的设计作品。当用户要求制作海报、艺术作品等视觉内容时使用。其流程分为两步:先创建一份设计哲学(.md 文件),描述一种通过形式、空间、色彩、构图、图像、图形、形状、图案以及极简文字来表达的美学运动;再将该哲学在画布上视觉化,生成以视觉设计为主、文字为辅的成品。该技能强调视觉表达、空间沟通与艺术诠释,要求文字极简、仅作视觉元素,并反复强调作品应呈现出手工精雕细琢、出自顶尖专家之手的质感。最终输出单个可下载的 .pdf 或 .png 文件,以及作为 .md 文件的设计哲学。
面向 Ruby 的 GoF 设计模式技能,覆盖创建型、结构型、行为型模式的实现与选型指引,帮助在面向对象设计中按问题场景选择并落地合适模式。
prototype 是一个用于构建一次性原型以回答设计问题的技能:先判断要回答的是逻辑/状态模型问题还是界面外观问题,再分别产出可交互的 HTML 逻辑演示或多种 UI 变体,用完即弃并记录结论。
品牌感知 PowerPoint 生成技能。可从公司 .pptx 模板提取可复用“品牌档案”,理解并校验模板,再把用户内容转成 IntermediateDocument 后生成符合品牌规范的 .pptx,并输出 QA 摘要。
Stitch MCP 技能:创建新的 Stitch 项目容器,用于开启全新设计任务、应用构思或干净工作区,并以项目 ID 支撑后续界面生成。
将 Stitch 屏幕资产编排成 Remotion 走查视频的技能,适用于需要转场、缩放、字幕或旁白演示的场景;交互式 React 应用与实时屏幕录制不属于本入口。
针对 Rust 命令行程序使用 Clap v4+ 的常见模式与惯用法,涵盖参数解析、校验与 CLI 设计,适合在实现 CLI 参数时参考。
Brand.dev 品牌情报 API,可从任意域名、公司名、股票代码、ISIN 或邮箱提取品牌信息,包括 Logo、配色、字体、行业描述,并支持设计系统、风格指南、官网截图、产品提取与 AI 网页数据抽取。
使用 Charmbracelet 的 VHS(Video Hardware Software)制作精致的终端 GIF 与视频录制,适用于终端演示、CLI GIF、命令行录屏等场景,通过 .tape 脚本定义打字、等待与样式。
Honey PX 将庞大、密集的只读文本渲染为 PNG 页面供 AI 读取,利用图像 token 按像素而非字符计费的特点降低 token 消耗。适合大文件、diff、文档等只读参考内容,需配合 pxpipe 导出使用,且有精度损失风险。
Flutter DuskMoon 是一套 Flutter UI 设计系统,提供代码生成驱动的主题、自适应(Material/Cupertino/Fluent)组件、设置界面、反馈提示、表单、数据可视化、代码编辑器引擎与 BLoC 主题持久化,可通过总包 duskmoon_ui 或按需引入各子包使用。
extract-frames 是一个基于自适应场景检测的视频抽帧技能,可从视频每个镜头中提取首帧和/或末帧。支持 --last、--all、--shots、--threshold 等参数,依赖 ffmpeg 与 ffprobe,输出到视频旁的 {video_basename}_frames/ 目录。
make-gif 是一个将视频片段转换为高质量 GIF 的技能,采用强制的两遍调色板工作流(palettegen → paletteuse),避免单遍转换产生的色带与色彩伪影。支持设置起始时间、时长、宽度、帧率与循环次数。
share-social 是一个用于把视频按社交平台要求做转码准备的技能:根据平台预设调整画幅比例、分辨率、时长与码率,并输出容器设置,主要借助 ffmpeg 与 ffprobe 完成裁剪、补边、缩放、限时和重新编码。
Grill Me 是 helderberto/agent-skills 中的一项技能,用一轮轮提问式访谈反复追问用户,直到对计划或设计达成共识。适合在需要压力测试方案、检验假设,或用户说“grill me”“poke holes”时使用。
Skill Creator 是用于创建或更新 AgentSkills 的技能,指导如何设计、组织并打包包含脚本、参考资料与资产的技能包,适合为智能体扩展特定领域的专业知识、工作流与工具。
s4h-aesthetic 是美学工具包的入口技能,用于对设计、写作、代码、产品或论证等对象进行美学推理,并根据具体情境路由到合适的子技能。
一个用于审查 UX 流程、数据实践或沟通模式中用户同意是否真实有效的技能,依据知情、自愿、有意义三项测试检查同意时刻,识别暗黑模式与权力不对等,并给出结论与修改建议。