Skills
收录 97,222 个为 Agent 打包的专项能力与操作指引，复制一行命令即可安装。
设计与 UI
使用 dir 变体、希伯来文字体栈和逻辑属性实用类，为希伯来语 RTL 应用配置 Tailwind CSS v4。用户询问 Tailwind RTL 设置、希伯来语 Tailwind 配置、“Tailwind ivrit”（希伯来语 Tailwind）、RTL 实用类、Tailwind 逻辑属性、ms-/me- 实用类或 Tailwind 希伯来文字体配置时使用。涵盖 Tailwind v4 dir 变体、希伯来文字体栈预设、逻辑属性实用类（使用 ms-/me-/ps-/pe- 替代 ml-/mr-/pl-/pr-）、RTL 优先的组件模式和希伯来语排版令牌。不要用于一般 CSS RTL 模式（使用 hebrew-rtl-best-practices）或完整设计系统（使用 israeli-ui-design-system）
使用 Bagisto Shop API 构建店铺应用或 UI 时使用，包括面向客户的店铺、商品目录、购物车、结账、客户账户、愿望清单、商品比较、评价，以及基于该 API 的店铺中的任何页面或组件，无论是 Web、移动端还是定制项目。先询问客户的平台和技术栈，并以 api-docs 作为确切数据结构的准确信息来源。触发词包括“products”“cart”“checkout”“coupons”“customer login”“customer account”“wishlist”“storefront on the API”。
生成、修改、翻译和管理 App Store / Google Play 营销截图。完整流程：初始化 .shots 工作区，抓取 App Store 元数据，从代码仓库和商店页面研究产品，确定主题、颜色、受众和竞品范围，保存策略简报，撰写突出利益的标题，并通过 OpenAI 直连或 fal.ai 生成 GPT-Image 2 三联图，再裁切为可上传的面板。支持 iPhone、iPad 和 Android Phone 平台。触发词：“app store screenshots”“marketing screenshots”“store listing images”“screenshot generation”“app store assets”“google play screenshots”“shots”“.shots”“revise shots”“change screenshots”“fix panels”“redo screenshots”“translate screenshots”“localize”“scrape app store”“fetch metadata”“import app store”。不要用于一般图像生成、社交媒体图形或非应用商店营销素材。
当任务需要将应用页面、视图或多区块布局转换到 Figma 时，与 figma-use 配合使用。触发条件：'write to Figma'、'create in Figma from code'、'push page to Figma'、'take this app/page and build it in Figma'、'create a screen'、'build a landing page in Figma'、'update the Figma screen to match code'、'convert this modal/dialog/drawer/panel to Figma'。当用户希望根据代码或描述在 Figma 中构建或更新完整页面、模态框、对话框、抽屉、侧边栏、面板或任何组合式多区块视图时，这是首选的工作流技能。它从 Code Connect 文件、已有屏幕和库搜索中发现设计系统组件、变量和样式，然后导入这些元素，使用设计系统 token 代替硬编码值，逐区块增量组装视图。
AI 前端专家和设计顾问，在生成任何代码前通过结构化的探索流程引导用户。收集视觉参考、设计令牌、排版、图标、布局偏好和品牌指南，确保最终输出高度符合用户愿景。当用户要求构建、设计、创建或改进任何前端界面时使用，包括网站、落地页、仪表板、组件、应用、邮件、表单、模态框或任何 UI 元素。用户说“帮我构建 UI”“设计一个页面”“创建一个组件”“改进此布局”“让它看起来更好”“前端”“界面”“重新设计”，或提供模型图、屏幕截图或设计参考时也会触发。不要用于后端逻辑、API 设计、数据库架构或非视觉代码任务。
实现跨领域的 Hotwire UX 反馈模式：加载状态、忙碌指示器、进度条、乐观 UI、渲染拦截以及视图/页面切换。当核心目标是提升感知性能和用户反馈，且不局限于单一功能领域时，优先使用此技能。表单正确性和验证行为使用 hwc-forms-validation；导航/历史记录/缓存机制使用 hwc-navigation-content；推送/流编排使用 hwc-realtime-streaming；媒体专属行为使用 hwc-media-content；Stimulus 基础 API 问题使用 hwc-stimulus-fundamentals。
为 Godot 工作提供 Agent 视觉能力：跨平台截图 CLI（资源／区域／窗口／屏幕），输出符合预算的 WebP；位于 .gdskills/ 下的临时编辑器视口桥接；以及 Taste Receptor Atlas v2（约 237 个微型感受器 × 0–2：层级、对比度、排版×41、易用性、空间、色彩、图标、构图、光效／特效、动作特征、反俗套、原创性、身份识别）。当 Agent 需要查看 UI、资源或编辑器时使用——不适用于游戏内截图 Autoload。关键词：Agent 视觉、截图、WebP、视觉 QA、审美感受器、排版、UI 评审、资源图集、编辑器视口、反俗套
为任何新品牌项目撰写创意简报，以实时参考网站为依据，并有意与现有演示区分开来。与 brand-archetype-system 和 creative-direction 配合使用。当品牌或微型网站项目需要确立特定美学定位、避免滑向默认品牌风格时，应在项目初期使用此技能。用户提及创意简报、设计简报、构建简报、品牌方向、品牌应如何定位、网站应呈现何种风格、参考网站、品牌原型、与其他品牌区分、与以往项目拉开差异或不要做成一样时触发。若以往项目风格相似，需要系统性地实现差异化，也会触发。
前端 UI/UX 设计智能——当用户要求设计美观、惊艳、华丽或有格调的界面时，优先激活。用于实现前的设计决策。包含 50 种风格、21 套配色、50 种字体组合、20 种图表、8 种技术栈（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind）。操作：规划、构建、创建、设计、实现、审查、修复、改进、优化、增强、重构、检查前端 UI/UX 代码。项目：网站、落地页、仪表板、管理面板、电商、SaaS、作品集、博客、移动应用、.html、.tsx、.vue、.svelte。元素：按钮、模态框、导航栏、侧边栏、卡片、表格、表单、图表。风格：玻璃拟态、黏土拟态、极简主义、粗野主义、新拟态、便当网格、深色模式、响应式、拟物化、扁平化设计。主题：配色方案、无障碍、动画、布局、排版、字体组合、间距、悬停、阴影、渐变。
一个开放协议，规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话，MCP 服务负责提供工具、资源和提示模板，两者通过标准消息通信，同一个服务可以被不同客户端复用。