nano-banana-prompt
nano-banana-prompt 是一份为 Nano Banana Pro（Gemini 图像生成）编写高效提示词的中文技能资料，涵盖人像写实、身份保持、3D 微缩、产品商业、图像编辑等提示词模式与模板。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-19 00:11
设计与创作
20,207 个结果
html-to-image
html-to-image 是一个通过 html2png.dev 提供的 HTML 转图片 API 技能，可将 HTML/CSS 内容转换为 PNG、WebP 或 PDF 格式。它适合生成社交卡片、图表等需要精确排版和几何布局的高质量图像。核心接口为 POST https://html2png.dev/api/convert，支持以原始 HTML 或 JSON 方式提交内容，并可设置宽高、格式、Retina 缩放、延迟捕获、CSS 选择器、透明背景、颜色方案和视口缩放等参数。返回结果包含生成图片的 URL、格式及是否命中缓存。该技能还支持对指定网址进行整页截图，并提供 Tailwind CSS、Google Fonts、Lucide、Font Awesome 等 CDN 资源建议，便于构建精美设计。使用时建议将 deviceScaleFactor 设为 2 或更高以保证清晰度，加载字体、图标或图片时设置 1000-2000 毫秒延迟。速率限制为每 IP 每小时 50 次请求，缓存结果不计费。
mobbin-ui-skills
Mobbin 风格 UI 设计系统规范，供 AI 代理构建浅色模式界面使用。基于 Inter 字体与 4px 网格，定义颜色令牌、排版、间距、圆角、组件与交互约束。
product-frontend-design
这是一个用于端到端评审与设计 SaaS／产品营销站点及前端界面的技能。它先帮助厘清产品与价值主张，去除营销文案中的行话和含糊表达，修正页面层级、布局与行动号召，使页面更利于转化；再以独特、可落地生产的前端方案实现界面，避免千篇一律的 AI／模板化审美。技能按产品与信息层、前端与美学层两个层面思考，适用于落地页、产品营销站、SaaS 首页、Web 应用外壳、仪表盘、交互式产品 UI、现有站点设计评审，以及 HTML/CSS/JS、React 等实现级指导。工作流程包括明确产品与受众、五秒测试、信息重写、层级与 CTA 梳理、视觉与布局规范、前端美学、动效与交互、访问与引导，并在用户明确要求时才生成代码。暂未提供收费、价格、平台支持范围等具体信息。
roblox-networking
Roblox 客户端—服务器通信设计技能，用于审查 RemoteEvent、RemoteFunction、Bindable、复制、网络所有权、输入校验、限流与防漏洞。核心原则是服务器权威：客户端只发送意图，服务器判定结果并复制。
ai-component-metadata
AI Component Metadata Generator 是一个用于为设计系统组件生成结构化、可供 AI 消费的元数据的技能。它通过分析组件结构（如插槽、子元素、变体、状态、Props 类型和无障碍属性），生成包含组件定义、使用场景、组合关系、行为、无障碍支持和 AI 提示等字段的元数据，从而帮助 AI 在生成 UI 时正确复用现有组件、选择合适的变体并保持无障碍性。该技能提供自动生成脚本和手动模板两种方式，并支持与 Figma MCP 结合使用。
xiaohongshu-publisher
小红书发布器（Xiaohongshu Publisher）：通过 CDP 连接已登录的 Chrome 浏览器，把图片和图文笔记发送到小红书创作服务平台，默认只存草稿、绝不自动发布。
403-frameworks-quarkus-validation
用于在 Quarkus 应用中设计、审查和改进校验（Validation）的技能，涵盖 JAX-RS 资源上的 Bean Validation、参数 @Valid、校验分组、自定义约束、错误映射与 @ConfigMapping 属性校验。
arabic-design
Arabic Design 是一套用于修正 AI 生成设计中阿拉伯文渲染问题的规则集合。阿拉伯文是连写文字，字母相互连接，变音符号位于基线上下方，而多数 AI 生成的 CSS 针对拉丁文字排版，容易导致阿拉伯文显示错乱。该技能默认应用于任何含阿拉伯文的设计，无需额外提示。核心规则包括：禁止对含阿拉伯文的元素使用负值 letter-spacing（会造成字母连接处重叠、文字模糊），必须使用 letter-spacing: normal；显式声明支持阿拉伯文的字体（如 Cairo、Tajawal、IBM Plex Sans Arabic、Noto Kufi Arabic 等），避免因拉丁字体缺少阿拉伯文字形而回退到系统字体；调整行高以容纳变音符号，标题行高至少 1.3，正文 1.5 至 1.7；在根元素设置 direction: rtl，使用逻辑 CSS 属性（margin-inline-start、text-align: start），避免 LTR 容器泄漏导致词序反转，并将嵌入的拉丁词或数字包裹在 .ltr 隔离 span 中；使用阿拉伯文标点（？，），避免因拉丁符号跨界导致的标点位置错误；移动端正文建议不小于 36-40px，标题使用较粗字重。技能还提供发布前检查清单及对应 grep 命令，用于验证 letter-spacing、字体声明、行高、嵌入式拉丁词和方向设置等。
canvas-app
Power Apps 画布应用的创建与编辑技能，通过 Canvas Authoring MCP 协作会话工作，支持分阶段体验设计、直接与分区编辑流程，并包含内容范围与安全规范。
mobile-app
Mobile App 是一个用于生成移动应用界面设计稿的技能，可将单个移动端屏幕以逼真的 iPhone 15 Pro 设备外框形式呈现。它基于种子模板 assets/template.html 构建，该模板已内置灵动岛、状态栏 SVG 图标、Home 指示条、侧边栏和标签栏等设备框架元素。技能提供 6 种屏幕原型（信息流、详情、引导、个人资料、结账、专注/主卡片），并附带布局参考与自检清单。使用时先阅读模板与布局文档，将模板复制为 index.html 并替换设计系统变量，再选择一种原型填入具体文案，最后按清单自检并输出 HTML 制品。适用于需要快速产出单屏移动端界面稿的场景，强调单屏单任务、强调色使用不超过两次、点击目标不小于 44px、无外部图片等硬性规则。
raycast-ui-skills
Raycast 风格 UI 设计系统技能，供 AI 智能体在构建浅色模式、Inter 字体与 4px 网格界面时参考。包含颜色语义令牌、排版、间距、边框、布局、组件与交互约束。
ios-hig
面向 iOS 界面设计与人机界面规范（HIG）的参考技能，用于处理无障碍（VoiceOver、动态字体）、深色模式、触控目标尺寸、反馈与隐私等设计实现问题，并在需要时加载交互、内容、视觉设计等参考文件。
event-driven-architect
用于设计事件驱动架构的技能，涵盖领域事件、事件总线、事件溯源、CQRS 与发布订阅模式，帮助构建解耦、可扩展的系统。
illustrated-explainer-spec
一份用于构建本地运行的单页 Web 应用规格（非库）：用户输入主题后由 AI 生成 16:9 水彩风格图解页，点击图中任意位置可无限下钻生成下一页，并通过内容寻址缓存避免重复生成。技术栈无关，示例采用 Node.js 与 Google Gemini。
kling-video
基于 Kling 视频生成模型的 AI 视频生成技能，支持文生视频、图生视频、视频转视频以及带语音的 AI 数字人视频，通过 Refly 技能命令调用，输出 .mp4 文件。
extract-site
extract-site 是一个从公开网站提取设计系统并生成设计令牌文档的技能：可输出 DESIGN.md、preview.html、tokens.json（DTCG）、variables.css、theme.css，也支持在这些令牌格式之间互相转换。
neobrutalist-web-designer
面向现代 Web 应用的新粗野主义（Neobrutalism）设计技能，提供硬阴影、粗黑边框、高对比主色与粗体排版的完整设计系统，适用于 SaaS 仪表盘、电商、独立创作者平台与创业落地页。
sticker-design-generation
基于 each::sense AI 的贴纸设计生成技能，可按提示词生成模切贴纸、乙烯基贴纸、卡哇伊、品牌 Logo、表情包、笔记本电脑、保险杠、手帐、全息及贴纸整版等类型的设计图，附带尺寸与背景建议。
vtuber-avatar-generation
基于 each::sense AI 生成 VTuber 虚拟形象与角色设计的技能，可产出动漫风头像、适配 Live2D 的半身像、表情表、全身设定、Q 版吉祥物、三视图、配件道具及多种风格变体，用于直播头像、模型绑定与流媒体素材。
ml-pipeline
面向生产级机器学习流水线的技能，覆盖数据校验、特征工程、训练编排、实验追踪与模型验证部署，提供 MLflow、Kubeflow、Airflow、Great Expectations 等参考与代码模板。
system-design-generator
根据需求生成系统架构设计文档的技能，覆盖组件拆分、数据流、系统边界、API 契约、数据模型、扩展性、故障模式、成本与监控等章节，并附带组件模板、最佳实践与输出检查清单。
Visual Designer
Visual Designer 是一套视觉设计规范技能，指导用色彩理论、字体排版、间距与视觉层级来构建美观一致的用户界面，适用于创建设计系统、选择配色等场景。
tor-procurement
用于编写、评审、评分和答复采购招标文件（ToR）的技能，覆盖咨询与服务合同。提供 build、review、respond、finalise 四种模式，基于 22 项公开市场检查清单，可生成带品牌标识的 docx 并给出 1-10 分评级。