Skills

G

grill-me

mattpocock / skills

无情地审视计划或设计以求完善。

G

grill-with-docs

mattpocock / skills

一场不间断的访谈，用以完善计划或设计，同时生成相关文档（ADR 和词汇表）。

D

design-mobile-apps

designed-by-ai / skills

使用 Sleek 设计移动应用界面、编辑 Sleek 项目，并用 React Native 或 HTML 实现设计。

F

frontend-design官方

anthropics / skills

为构建新 UI 或重塑现有 UI 提供指导，实现独特、有意图的视觉设计。帮助确定美学方向、排版，以及做出不显得像模板默认值的选择。

P

prototype

mattpocock / skills

构建一个临时原型来回答设计问题。当用户想验证状态模型或逻辑是否合理，或探索 UI 应该是什么样时使用

G

grilling

mattpocock / skills

仔细推敲用户的计划或设计。当用户想要在构建前对计划进行压力测试，或使用任何「push back」触发短语时，请使用此技能。

H

hyperframes-animation

heygen-com / hyperframes

HyperFrames 的所有动画知识 — 原子运动规则、多阶段场景蓝图、场景转换、更广泛的运动设计技术，以及七个运行时适配器（GSAP 默认、Lottie、Three.js、Anime.js、CSS keyframes、Web Animations API、TypeGPU）。用于任何运动或动画任务：选择 2-4 条规则并组合，或加载蓝图，或查找特定运行时 API（例如 GSAP eases / Lottie player / Three.js mixer）。还包括审计现有组合的编排（动画映射）和 24 种命名文本动画效果。HyperFrames 原生：单个暂停时间轴、可寻进、确定性。

阻止编码 Agent 发布千篇一律的 UI。使用 UIZZE 的 800,000+ 个真实网页和 iOS 屏幕，构建符合产品特点的界面、定义设计约定、覆盖必需状态，并执行严格的完成门槛。适用于在 Codex、Claude Code、Cursor、Copilot 或其他编码 Agent 中设计、实现、重新设计、评审或发布前审查网页或 iOS 界面。可通过“anti-ui-slop”“stop UI slop”“ground this UI in real screens”或“run the UI finish gate”触发。

H

hyperframes-creative

heygen-com / hyperframes

HyperFrames 视频的非动画创意方向。用于设计规范（frame.md / design.md）处理、调色板、排版、旁白、节拍规划、音频响应式视觉、构图模式以及品牌/风格决策。对于原子运动模式和场景蓝图，请使用 `hyperframes-animation`。

C

codebase-design

mattpocock / skills

深模块设计的共享词汇。在用户想要设计或改进模块接口、寻找深化机会、决定接缝位置、提高代码可测试性或 AI 可导航性，或另一技能需要深模块词汇时使用。

飞书画板：查询和编辑飞书云文档中的画板。支持导出画板为预览图片、导出原始节点结构、使用多种格式更新画板内容。当用户需要查看画板内容、导出画板图片、编辑画板时使用此 skill。不负责：飞书云文档内容编辑（lark-doc）、文档内嵌电子表格 / Base（lark-sheets / lark-base）。

W

web-design-guidelines官方

vercel-labs / agent-skills

检查 UI 代码是否符合 Web 界面指南。当被要求「审查我的 UI」、「检查可访问性」、「审计设计」、「审查用户体验」或「根据最佳实践检查我的网站」时使用。

为你的编码 Agent 提升 UI 品味。使用 Uizze 的反套路 UI 指南和可选的真实产品参考，构建并润色 Web 和 iOS 界面。适用于 Claude Code、Codex、Cursor 或 Copilot 中的 UI 设计、实现、改版、评审或最终视觉检查。

妙搭（Spark/Miaoda）应用开发与托管：应用创建、本地全栈开发、云端生成迭代、创意设计（UI mockup / 可交互原型 / 线框图 / 落地页 / 仪表盘 / 幻灯片 deck / 视觉探索）、AI相关能力和飞书平台能力或者其他外部能力集成、日志/Trace/监控指标/PV/UV 查询、环境变量管理、应用协作者与协作权限设置、应用角色与成员管理、自动化触发器（定时/记录变更/Webhook/飞书审批）。当用户要开发/新建一个系统·工具·平台·应用，或要本地开发 / 云端开发 / 修改 / 部署 / 发布 / 上线 / 拿可分享链接，或用 HTML 做页面·网站·部署到妙搭，或要设计 / design / mockup / prototype / wireframe / 做 PPT / deck / 视觉探索，或提到妙搭/Spark/Miaoda 应用（链接形如 `/app/app_xxx` 或 `/page/<token>`，运行时域名形如 *.aiforce.cloud）、应用数据库、应用文件存储、开放 API Key、可见范围、应用协作者/开发权限、应用角色/角色成员、线上日志、接口请求量、错误量、延迟、访问量、环境变量、给妙搭应用配自动化任务/定时触发/审批通过后自动触发时使用。不负责普通云盘文件上传（lark-drive）、飞书文档编辑（lark-doc）、原生幻灯片创建（lark-slides）。

D

design-taste-frontend

leonxlnx / taste-skill

用于登陆页、作品集和重设计的反模板化前端技能。Agent 读取需求，推导合适的设计方向，交付不显得模板化的界面。在需要时使用真实设计系统，重设计时优先进行审计，严格的飞行前检查。

S

sleek-design-mobile-apps

sleekdotdesign / agent-skills

使用 Sleek 设计移动应用界面、编辑 Sleek 项目，并用 React Native 或 HTML 实现设计。

M

motion-graphics

heygen-com / hyperframes

一部简洁、设计主导的动态图形，其中动作是信息本身——动态排版、数字计数、图表/数据可视化效果、logo 动画/品牌标志、下三分之一/标注/社交媒体叠层、动画地图（突出地区、连接地点、缩放到某个位置）、动画推文/新闻文章/标题、网页/UI 动画（滚动、光标、标注）或将真实图像的几何形状融入图表。通常在 10 秒以下（最长约 30 秒），无旁白或真人素材；输出为 MP4 或透明叠层。更长/有旁白/多场景 → /general-video。不确定 → /hyperframes。

L

lark-event

larksuite / cli

Lark/Feishu 实时事件监听/订阅/消费：通过 `lark-cli event consume <EventKey>` 以 NDJSON 格式流式传输事件（涵盖即时通讯消息/反应/聊天变化、任务更新、VC 会议开始/加入/结束、生成纪要、白板更新等）。用于 Lark 机器人、实时消息处理、长期订阅者、流式 webhook/push 处理程序。支持 `--max-events` / `--timeout` 有界运行和 stderr ready-marker 契约 — 设计用于作为子进程运行的 AI Agent。

H

high-end-visual-design

leonxlnx / taste-skill

教导 AI 像高端代理机构一样进行设计。定义精确的字体、间距、阴影、卡片结构和动画，使网站看起来昂贵。阻止所有常见的默认设置，防止 AI 设计看起来廉价或通用。

R

redesign-existing-projects

leonxlnx / taste-skill

升级现有网站和应用至高级质量。审核当前设计，识别通用 AI 模式，并在不破坏功能的前提下应用高端设计标准。适用于任何 CSS 框架或原生 CSS。

A

azure-enterprise-infra-planner官方

microsoft / azure-skills

根据工作负载描述架构和配置企业 Azure 基础设施。面向云架构师和平台工程师，用于规划网络、身份、安全、合规性和多资源拓扑与 WAF 对齐。直接生成 Bicep 或 Terraform（不含 azd）。何时使用："规划 Azure 基础设施"、"架构 Azure 登陆区"、"设计中枢-分支网络"、"规划多区域灾难恢复拓扑"、"设置 VNet、防火墙和专用终结点"、"订阅范围 Bicep 部署"、"VM 工作负载的 Azure 备份"。优先为应用程序为中心的工作流使用 azure-prepare。

A

azure-kubernetes官方

microsoft / azure-skills

规划、创建和配置生产就绪的 Azure Kubernetes Service (AKS) 集群。涵盖 Day-0 检查清单、SKU 选择（自动 vs 标准）、网络选项（私有 API 服务器、Azure CNI Overlay、出站配置）、安全性和运维（自动扩展、升级策略、成本分析）。场景：创建 AKS 环境、预置 AKS、启用 AKS 可观测性、设计 AKS 网络、选择 AKS SKU、保护 AKS、优化 AKS、AKS 竞价节点、AKS 集群自动扩展器、AKS Pod 大小调整、Pod 大小调整、AKS Pod 超配置、Pod 资源请求和限制、Vertical Pod Autoscaler、VPA 建议。

M

minimalist-ui

leonxlnx / taste-skill

简洁的编辑风格界面。温暖的单色调配色、排版对比、扁平便当网格、柔和的柔色调。无渐变、无厚重阴影。

V

vercel-composition-patterns官方

vercel-labs / agent-skills

可扩展的 React 组件化模式。适用于重构具有布尔 prop 泛滥的组件、构建灵活的组件库或设计可复用 API。在涉及复合组件、render props、context 提供者或组件架构的任务上触发。包含 React 19 API 变更。

U

ui-ux-pro-max

nextlevelbuilder / ui-ux-pro-max-skill

面向 Web 和移动端的 UI/UX 设计智能工具。包含 50 多种风格、161 种调色板、57 种字体搭配、161 种产品类型、99 条 UX 指南，以及适用于 10 种技术栈（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui 和 HTML/CSS）的 25 种图表类型。操作：规划、构建、创建、设计、实现、审查、修复、改进、优化、增强、重构和检查 UI/UX 代码。项目：网站、落地页、仪表盘、管理面板、电子商务、SaaS、作品集、博客和移动应用。元素：按钮、模态框、导航栏、侧边栏、卡片、表格、表单和图表。风格：玻璃拟态、黏土拟态、极简主义、粗野主义、新拟态、便当网格、深色模式、响应式、拟物化和扁平设计。主题：色彩系统、无障碍、动画、布局、排版、字体搭配、间距、交互状态、阴影和渐变。集成：shadcn/ui MCP，用于组件搜索和示例。

为使用 SwiftUI、UIKit 或 React Native 构建的 iPhone 应用设计并评审 iOS UI/UX。适用于移动应用设计、界面改版、导航流程、排版、表单、键盘和安全区域布局，以及无障碍检查。遵循 Apple Human Interface Guidelines，并可通过可选的 Uizze 连接参考真实产品。

G

gpt-taste

leonxlnx / taste-skill

精英 UX/UI 与高级 GSAP 动效工程师。采用 Python 驱动的真随机化实现布局变化，严格的 AIDA 页面结构，宽泛的编辑排版（禁止 6 行换行），无缝网格布局，严格的 GSAP ScrollTriggers（钉住、堆叠、滚动动画），内联微图像，以及大量的分区间距。

I

industrial-brutalist-ui

leonxlnx / taste-skill

融合瑞士印刷美学与军事终端风格的原始机械界面。严格网格、极度字号对比、实用主义配色、模拟衰退效果。适用于需要呈现解密蓝图感的数据密集仪表板、作品集或编辑类网站。

E

emil-design-eng

emilkowalski / skills

此技能编码了 Emil Kowalski 关于 UI 打磨、组件设计、动画决策和使软件感觉出色的隐形细节的哲学。

S

stitch-design-taste

leonxlnx / taste-skill

Google Stitch 的语义设计系统 Skill。生成 Agent 友好的 DESIGN.md 文件，强制执行高端、反泛型 UI 标准——严格的排版、校准的色彩、不对称布局、持续的微动画和硬件加速性能。

I

image-to-code

leonxlnx / taste-skill

Codex 的高级网站图像转代码技能。对于视觉上很重要的网页任务，它必须首先生成设计图像，深入分析，然后实现网站以尽可能接近地匹配。在 Codex 中，它必须优先考虑大型、易读的分部分图像而不是微小的压缩板，为分部分或详细视图生成新的独立图像而不是裁剪旧图像，避免懒惰的生成不足，避免卡片套卡片套卡片的 UI，并保持英雄部分整洁、宽敞、易读，在小笔记本上可见。

I

imagegen-frontend-web

leonxlnx / taste-skill

高端前端图像指导技能，用于生成高质量、转化率导向的网站设计参考。关键输出规则 — 为每个部分生成一张单独的横向图像。8 个部分的落地页产生 8 张图像。绝不将多个部分压缩为一张图像。强制实施构图多样性（不总是左文字/右图像）、背景图像自由度、多样化 CTA、多样化 Hero 尺度（巨大/中等/极简小号）、叙述概念脊椎、二级阅读时刻以及所有图像的统一调色板。针对落地页、营销网站和开发者或编码 Agent 能准确重现的产品效果图进行优化。

I

imagegen-frontend-mobile

leonxlnx / taste-skill

精选移动应用图像生成 Agent，用于创建高端、原生应用屏幕概念和工作流。专为 iOS、Android 和跨平台移动产品设计。优先考虑清晰的层级结构、易读的文本、强大的多屏幕一致性、受控的色板、非通用的创意方向、纹理表面、图像主导的构图、精致的自定义图标和干净的手机模型框架。默认情况下，屏幕应显示在微妙的高端 iPhone 或类似手机模型内，具有可见的框架，同时主要焦点保持在应用内容本身。此 Agent 仅生成图像。它不编写代码。

I

impeccable

pbakaus / impeccable

当用户希望设计、重新设计、塑造、评审、审计、润色、澄清、提炼、强化、优化、调整、制作动画、上色、提取或以其他方式改进前端界面时使用。涵盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程和空状态。处理 UX 评审、视觉层级、信息架构、认知负荷、无障碍、性能、响应式行为、主题、反模式、排版、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n，以及可复用的设计系统或令牌。也适用于需要变得更大胆或更有趣的平淡设计、应该收敛的张扬设计、在实时浏览器中迭代 UI 元素，或希望在技术上令人惊叹的视觉效果。不适用于纯后端或非 UI 任务。

F

figma

heygen-com / hyperframes

将 Figma 集成到 HyperFrames 视频中：渲染素材、品牌令牌、组件、重构为动态效果的分镜帧（将帧视为状态，而非幻灯片）、着色器以及连接器辅助的动态效果。当用户粘贴 figma.com 链接，或要求使用 Figma 设计、画板、徽标或品牌时使用。

D

design-taste-frontend-v1

leonxlnx / taste-skill

原始 v1 taste-skill，为依赖其确切行为的项目保留。当前默认值是 `design-taste-frontend`（v2 实验版），这是一次重大重写。仅当需要确切的向后兼容性时才使用此 v1 安装名称。

G

gpt-image-2

runcomfy-com / skills

在 RunComfy 上使用 OpenAI GPT Image 2（ChatGPT Images 2.0）生成和编辑图像。介绍 GPT Image 2 的优势（嵌入文本、徽标、多语言排版、指令精准度）、3 种固定尺寸、保留内容的编辑措辞，以及何时应改用同系列模型（Flux 2 / Nano Banana Pro / Seedream）。通过本地 RunComfy CLI 调用 `runcomfy run openai/gpt-image-2/text-to-image` 或 `/edit`。当出现“gpt image 2”“gpt-image-2”“ChatGPT Images 2”“image 2”，或明确要求使用此模型生成或编辑图像时触发。

G

gpt-image-2

doany-ai / skills

在 RunComfy 上使用 OpenAI GPT Image 2（ChatGPT Images 2.0）生成和编辑图像。介绍 GPT Image 2 的优势（嵌入文本、徽标、多语言排版、指令精准度）、3 种固定尺寸、保留内容的编辑措辞，以及何时应改用同系列模型（Flux 2 / Nano Banana Pro / Seedream）。通过本地 RunComfy CLI 调用 `runcomfy run openai/gpt-image-2/text-to-image` 或 `/edit`。当出现“gpt image 2”“gpt-image-2”“ChatGPT Images 2”“image 2”，或明确要求使用此模型生成或编辑图像时触发。

G

gpt-image-edit

doany-ai / skills

在 RunComfy 上使用 OpenAI GPT Image 2（ChatGPT Images 2.0 的 `/edit` 端点）编辑图像，并整合模型文档中记录的提示词模式，使技能比直接使用同一模型进行简单提示获得更出色的输出。介绍 GPT Image Edit 的优势（用于保留内容的描述、多语言图像内文字编辑、最多使用 10 张参考图、布局和排版精准度）、参数结构，以及何时改用 Nano Banana Edit、Flux Kontext 或 GPT Image 2 t2i。通过本地 RunComfy CLI 调用 `runcomfy run openai/gpt-image-2/edit`。在出现“gpt image edit”“gpt-image-edit”“chatgpt image edit”“edit with gpt image 2”等表达，或明确要求使用此模型编辑图像时触发

G

gpt-image-edit

runcomfy-com / skills

在 RunComfy 上使用 OpenAI GPT Image 2（ChatGPT Images 2.0 的 `/edit` 端点）编辑图像，并整合模型文档中记录的提示词模式，使技能比直接使用同一模型进行简单提示获得更出色的输出。介绍 GPT Image Edit 的优势（用于保留内容的描述、多语言图像内文字编辑、最多使用 10 张参考图、布局和排版精准度）、参数结构，以及何时改用 Nano Banana Edit、Flux Kontext 或 GPT Image 2 t2i。通过本地 RunComfy CLI 调用 `runcomfy run openai/gpt-image-2/edit`。在出现“gpt image edit”“gpt-image-edit”“chatgpt image edit”“edit with gpt image 2”等表达，或明确要求使用此模型编辑图像时触发

R

review-animations

emilkowalski / skills

依据 Emil Kowalski 的设计工程理念所确立的高标准，评审动画和动效代码。默认指出问题；只有达到要求才予以认可。

A

apple-design

emilkowalski / skills

将 Apple 的界面设计和流畅、富有物理感的动效理念转化为适用于 Web 的方法。构建或评审手势驱动的 UI、弹簧动画、拖动／滑动／面板交互、惯性和可中断过渡、半透明材质与景深、排版（光学字号、字距、行距）、减少动态效果，或 Apple 风格界面的设计基础（反馈、空间一致性、克制）时使用。

A

animation-vocabulary

emilkowalski / skills

反向查找词汇表，可将对网页动画或动效的模糊描述转换为准确术语（“弹出框打开时那个弹跳效果”→ Pop in；“iOS 的橡皮筋滚动”→ Rubber-banding）。用户询问“……叫什么”，或描述某种动效但不知道名称、想找到合适术语以便提示 AI 或设计师时使用。用于为效果命名，而非设计或构建效果。

S

simple

roin-orca / skills

在任何创意或架构工作前调用——功能设计、组件创建或行为改变。一个为快速、专注决策优化的流畅头脑风暴流程。

I

improve-animations

emilkowalski / skills

以资深动态设计顾问的视角审查代码库中的动画和动态效果代码，然后生成按优先级排序的审查结果，以及可供其他 Agent（或成本更低的模型）执行的独立实施方案。只读源代码——负责规划改进，不会实际应用。用户要求“改进动画”“审查动态效果”“让这个应用感觉更好”，或需要动画修复路线图而非单个差异审查时使用。

H

higgsfield-generate

higgsfield-ai / skills

通过 Higgsfield AI 生成图像、视频、3D 资产和音频。默认设置：图像/设计/文本使用 GPT Image 2，视频使用 Seedance 2.0，角色/参考图像使用 Nano Banana 2/Lite/Pro，广告使用 Marketing Studio，音频使用 Seed Audio 1.0。适用于：“生成图像”“制作视频”“让这张照片动起来”“图生视频”“编辑/风格化/混剪这张图”“重新构图这个视频”“根据草图编辑这个视频”“创建 3D 模型/GLB”“创建音效”“制作音乐”“文本转音频”“制作广告”“制作 UGC 视频”“开箱视频”“主持人视频”“从 URL 导入产品”或“分析视频传播力”。支持图像转 3D（`multi_image_to_3d`）、文本转音频/音乐（`seed_audio`）、工作流生成（`draw_to_video`、`reframe`）、Marketing Studio 和 Virality Predictor（`brain_activity`）。可与 higgsfield-soul-id 串联，以保持面部/身份一致性。不适用于：Soul Character 训练（使用 higgsfield-soul-id）、产品摄影、市场商品列表卡片、文本/聊天/TTS 任务。

F

find-animation-opportunities

emilkowalski / skills

搜索代码库或 UI 中应有动画却没有动画的部分，并排除不适合添加动画的内容。只读；提出带具体数值的动态效果方案，不负责实现。用户询问“这里可以给什么添加动画？”或希望“让它更有活力”时使用。要修复现有动画，请改用 improve-animations 或 review-animations。

D

design-an-interface

mattpocock / skills

使用并行 sub-agents 为模块生成多个截然不同的界面设计。当用户想要设计 API、探索界面选项、比较模块形状或提及"设计两次"时使用。

P

pick-ui-library

emilkowalski / skills

从经过筛选且带有明确偏好的列表中，为特定前端任务挑选合适的库，涵盖数字、OTP 输入框、图表、命令菜单、虚拟化、拖放、Toast、状态、样式等。仅在显式调用时运行；不会自行触发。

A

archify

tt-a1i / archify

创建经过验证的架构、工作流、时序、数据流、生命周期/状态、ERD、类、树形图、时间线和瀑布图，并制作为可探索的独立 HTML，支持深色/浅色主题、动效以及图像/SVG/WebM 导出。接受需求或 Mermaid；基于代码的图表需检查仓库证据。用于可视化系统、API 调用、管道、schema、历史记录、时间安排，或日常步骤、组成部分、关系和状态。当用户要求制作一页讲解、可分享的答案（做成一页、用页面讲）时，也可将答案整理为一页讲解，结论置前，包含结构化面板、原生图表和数据图表；若用户规则通过 [archify explainer: ...] 行选择启用，也可主动使用。不用于仪表盘。

U

uizze-ui

uizze / uizze

用于构建和改进 UI/UX 的官方 Uizze 技能。处理项目代码和素材，并通过 uizze.com 获取真实应用示例、设计系统、授权字体、图标和交互资源。

P

prototype

emilkowalski / skills

为你描述的 UI 组件构建多个真正不同的版本，并通过可视化选择器展示，让你实时切换并选定最合适的版本。仅在显式调用时运行；不会自行触发。

A

animate

emilkowalski / skills

从头构建动画，按影响动画观感的顺序做出决策——是否需要动画、动画的目的、使用哪种工具、选择哪些属性、曲线和时长、如何中断以及如何退出。编写实现代码。适用于用户要求为某个元素添加动画或动效、让组件更有活力，或构建过渡效果。评审现有动效请使用 review-animations；审查整个代码库请使用 improve-animations。

V

vercel-react-view-transitions官方

vercel-labs / agent-skills

关于使用 React 的 View Transition API（`<ViewTransition>` 组件、`addTransitionType` 和 CSS view transition 伪元素）实现平滑、原生感动画的指南。当用户想要添加页面过渡、动画化路由变化、创建共享元素动画、动画化组件的进入/退出、动画化列表重新排序、实现定向（前进/后退）导航动画或在 Next.js 中集成 view transitions 时使用此技能。当用户提及 view transitions、`startViewTransition`、`ViewTransition`、过渡类型或询问在 React 中动画化 UI 状态而不使用第三方动画库时也使用。

F

firebase-data-connect官方

firebase / agent-skills

使用 PostgreSQL 安全地构建和部署 Firebase SQL Connect（即 Firebase Data Connect）后端。在设计具有表和关系的架构、编写授权查询和变更、配置实时数据更新或生成类型安全的 SDK 时使用。当需要 Firebase 的关系数据库，或用户提及 SQL Connect 或 Data Connect 时使用。

A

ask-sonner

emilkowalski / skills

Sonner（React toast 库）指南——安装并接入 Toaster、选择合适的 toast() 调用、处理 promise 和加载提示、更新、关闭和持久化提示，以及样式、主题、图标、定位和多个 Toaster。使用 Sonner 或排查相关问题时使用，例如提示不显示、重复显示、样式丢失、忽略 Tailwind 类、被模态框遮挡，或不遵循深色模式。

A

animate-expo

emilkowalski / skills

在 React Native 和 Expo 中构建动画，并按影响动画效果的顺序做出决策：是否应该动画化、在哪个线程运行、使用哪些属性、选择弹簧还是定时、手势如何交接，以及动画如何降级。使用 Reanimated、Gesture Handler、Expo Router 和 expo-haptics 编写实现。适用于在 Expo 应用中为任何内容添加动画、添加手势、底部面板、屏幕过渡、按压反馈或触觉反馈，或修复设备上卡顿的动画。Web 动画请使用 `animate`。

H

higgsfield-websites

higgsfield-ai / skills

通过 Higgsfield CLI（`higgsfield website …`）构建、编辑和部署全栈网站、应用和游戏。每个项目都是运行在一个 Cloudflare Worker 上的 React 19 + TanStack Start SSR 应用（D1/R2/KV/DO/Containers）。创建时通过 `--type` 选择三种产品类型：`website`（独立运行，不集成 Higgsfield — references/website-flow.md）、`app`（Sign in with Higgsfield + fnf SDK、Quanta — references/app-flow.md）、`game`（实时多人房间 — references/game-flow.md）。根据类型进入相应流程；每种类型都有自己的规则和部署/发布门槛。适用于“帮我构建网站”“制作落地页”“创建 Web 应用”“构建 SaaS 仪表板/作品集”“帮我制作游戏”“部署此网站”“发布”等请求。也负责 GAME ART：“制作精灵图表”“可平铺纹理”“制作 3D 角色动画”、游戏音乐/SFX——参见 game-* 参考资料。不适用于：单张图像/视频/音频生成（higgsfield-generate）、产品照片（higgsfield-product-photoshoot）、市场推广卡片（higgsfield-marketplace-cards）。

从 UIZZE 超过 800,000 个网页和 iOS 界面中查找并对比真实 UI 示例。用于 UI 灵感、UI 调研、设计参考、同类应用、用户流程、布局、导航、组件、交互状态和产品模式,在设计或重设计界面之前使用。

M

mcp-builder官方

anthropics / skills

创建高质量 MCP (Model Context Protocol) 服务的指南，使大模型能够通过设计良好的工具与外部服务交互。在使用 Python (FastMCP) 或 Node/TypeScript (MCP SDK) 构建 MCP 服务时，可用于集成外部 API 或服务。