Community编程与开发github.com

muhammedadnank/Antigravity-Skills

智能体技能/项目,与启动或产品演示视频相关:muhammedadnank/Antigravity-Skills

Antigravity-Skills 是什么?

YUV-Pilot 是 YUV.AI 技能金字塔的顶层编排器,其核心作用不是直接执行生产任务,而是识别用户意图、选择最合适的下游 YUV.AI 技能组合,并干净地交接。该技能适用于跨媒体品牌交付,例如同时需要网站、演示文稿、视频和社交卡片的场景。它通过严格的“YUV.AI 门控”判断是否启用,当请求明确指向单一媒介时,它会直接路由到 `yuv-decks`、`yuv-viral-video` 或 `yuv-design-system` 等具体技能。该技能包含一个详细的路由表,将用户需求(如幻灯片制作、视频编辑、动态登陆页面)映射到最合适的技能和工具组合。总之,yuv-pilot 是 YUV.AI 品牌所有交付物的战略入口,确保每个项目都遵循品牌核心设计原则(如飞行隐喻、HUD 仪表盘和凤凰标志)。

兼容平台✓Claude Code~Codex CLI~Cursor✓Antigravity
npx skills add muhammedadnank/Antigravity-Skills

Installed? Explore more 编程与开发 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

yuv-pilot — YUV.AI 技能金字塔

飞行主管。不驾驶飞机——而是告诉你哪位机组成员应该行动。

该技能是 YUV.AI 技能金字塔的顶层。其任务是识别 YUV.AI 品牌请求,确定实际需求,选择正确的下游 YUV.AI 技能组合,并干净地交接。它不产生视觉输出、不编写代码、不渲染资产。它是一个路由器。

该隐喻与品牌映射:在飞行操作中,飞行员不为飞机加油、不装载货物、不控制空中交通管制。飞行员决定任务并告诉相应的专业人员何时行动。


§0. 何时适用 — 严格的 YUV.AI 门控

✅ 适用场景

  • 用户提及 YUV.AI、"我的品牌"、"我的设计系统"、"为我"、"我的发布"、"我的渠道"、"Let's Fly High",或明确调用 /yuv-pilot。
  • 交付物跨越多种媒介——例如需要网站 + 演示文稿 + 短视频 + 社交卡片的发布是典型场景。
  • 用户在询问 "我应该为 YUV.AI 构建什么" / "我如何为我的品牌交付 X" ——这是战略层面的,而非单个工件。
  • 媒介不明确,需要澄清——例如 "为我做点关于 MCP 的东西"(可能是演示文稿、博客、短视频、社交内容、网站章节)。

❌ 不适用场景

  • 请求明确是单一媒介,且某个下游技能明显负责:
    • "为我制作一个关于 X 的 YUV.AI 演示文稿" → yuv-decks 直接处理。yuv-pilot 不介入。
    • "将此视频编辑成我的病毒式短视频" → yuv-viral-video 直接处理。yuv-pilot 不介入。
  • 请求非 YUV.AI(通用游戏/应用/客户工作/第三方品牌)。整个金字塔不介入。
  • 用户已明确指定所需的工具/技能。

原则:yuv-pilot 是处理模糊性的前门。 当路径明确时,让具体技能直接处理请求。


§1. YUV.AI 技能金字塔

                          ┌─────────────────────┐
                          │     yuv-pilot       │  ← 你在这里
                          │  (意图 → 路由)      │
                          └──────────┬──────────┘
                                     │
            ┌────────────────────────┼────────────────────────┐
            ▼                        ▼                        ▼
       ┌─────────┐            ┌─────────────┐          ┌──────────────┐
       │yuv-decks│            │ yuv-design- │          │ yuv-viral-   │
       │         │            │   system    │          │   video      │
       │  演讲   │            │             │          │              │
       │ 幻灯片  │            │ 调色板,     │          │ 短视频MP4,   │
       │ 主题演讲│            │ 排版,       │          │ Reels, Shorts│
       │ open-   │            │ 资产,       │          │ 视频使用 +   │
       │ slide   │            │ 社交,       │          │ hyperframes  │
       │ Yuval   │            │ 凭证       │          │ MrBeast节奏  │
       │ 声音    │            │ 3种模式     │          │              │
       └────┬────┘            └──────┬──────┘          └──────┬───────┘
            │                        │                        │
            ▼                        ▼                        ▼
        open-slide          tokens / components       hyperframes
        幻灯片创作          品牌资产                视频使用
        nano-banana-pro     社交链接集              gsap        
        mermaid-diagrams    经验教训                nano-banana-pro
        gsap                                        gsap
                            ╲                          ╱
                             ╲                        ╱
                              ╲                      ╱
                               ▼                    ▼
                          ┌─────────────────────────────┐
                          │ 品牌 DNA (通用飞行          │
                          │ 高飞主线)                   │
                          │ • 飞行隐喻                  │
                          │ • HUD + 仪表盘              │
                          │ • 凤凰符号 + 水印           │
                          │ • Anton + JetBrains Mono 字体│
                          │ • "Let's Fly High"         │
                          └─────────────────────────────┘

如何阅读金字塔

  • 顶层(编排器): yuv-pilot。路由意图。
  • 中间层(意见化的 YUV.AI 技能): yuv-decks、yuv-design-system、yuv-viral-video。每个负责一种输出模式。每个都调用底层。
  • 底层(通用工具): open-slide、hyperframes、gsap、nano-banana-pro、video-use、mermaid-diagrams、slide-authoring。非 YUV.AI 专用;中间层使用它们。
  • 品牌 DNA 层贯穿整个金字塔——每个 YUV.AI 输出,无论媒介如何,都承载着飞行主线。调色板是章节;主题是品牌。

§2. 路由表 — 媒介 → 组合

当交付物明确时,直接路由。当不明确时,询问一次然后路由。

用户需求...主要技能组合使用备注
YUV.AI 的幻灯片 / 主题演讲 / 演讲 / 黑客马拉松演示yuv-decksyuv-design-system(演讲模式——Fly High 紫色/黄色/灰色)· slide-authoring · open-slide · 可选 nano-banana-pro 用于英雄图像 · 可选 mermaid-diagrams 用于架构图yuv-decks 通过 ./scripts/new-deck.sh 脚手架。在新建演示文稿根目录中放置 AGENTS.md / CLAUDE.md / .github/copilot-instructions.md。
YUV.AI 的网站 / 登陆页 / 作品集 / 关于页面yuv-design-system(霓虹模式——粉色/青色/白色或深黑色)gsap 用于复杂动画 · hyperframes 如果英雄区域需要可渲染为 MP4 的合成新项目:运行 install-agent-instructions.sh /path/to/project 以放置跨工具指令。
基于短片的电影感滚动擦除着陆页(github/lion/hope 展示模式——5–15 秒片段变成单屏英雄,滚动逐帧擦除视频,5 个文字叠加交叉淡入淡出)parallax-landing-page自带自有排版栈(Anton + Caveat + Inter)和强调色板(金色/琥珀色/强调色/奶油色)。不调用 yuv-design-system——它们并存。对于 YUV.AI 视差着陆页,可选添加凤凰水印 + Linktree URL 作为主线。保存到 ~/Documents/yuv-projects/landings/<slug>/。参考实现在 examples/parasites/。
Apple 风格视频擦除滚动着陆页,下方有常规部分(粘性英雄随滚动擦除 N 帧,然后内容部分继续)video-to-landing-pageYUV.AI 项目使用 yuv-design-system 霓虹模式;通用/第三方工作不使用设计系统比 parallax-landing-page 更短、更传统的兄弟技能。当英雄是预告片而页面其余部分包含文案 + 行动号召时使用。
YUV.AI 的 Web 应用 / 仪表盘 / 交互式工具yuv-design-system(霓虹模式)gsap · 选择的框架(React、Svelte、原生) · mermaid-diagrams 如果有架构图每屏一个 Anton 字体规则适用。大数字使用 <CounterUp>。仅英雄 / 主要行动号召使用发光效果。
YUV.AI 的游戏 / 交互式 3D 体验yuv-design-system(霓虹模式)Three.js · gsap 用于补间动画 · hyperframes 如果游戏最终要制作成短视频面状品牌色几何体。深黑色画布上的粉色/青色强调色是最佳外观。
关于 Yuval 的推广视频 / 短视频 / 短片 / TikTok / Shortsyuv-viral-videovideo-use(剪辑) · hyperframes(合成层) · gsap(动态图形) · yuv-design-system 用于字体/调色板覆盖决策 · 可选 nano-banana-pro 用于切换图像始终渲染9:16 和 16:9 两种格式。以 _V<N> 后缀保存。有主见的 YUV.AI 编辑风格——MrBeast 节奏、标志性玻璃卡片。
带字幕的视频 / 教程 / 带旁白的视频(希伯来语、英语或任何 Whisper 支持的语言)video-edithyperframes · hyperframes-cli · 如果是 YUV.AI 品牌,使用 yuv-design-system 进行字体/调色板决策 · Whisper(默认 large-v3)用于转录比 yuv-viral-video 更通用——转录审核后再渲染工作流、双比例(来自同一源的 16:9 + 9:16)、液体玻璃字幕胶囊。当用户想要带字幕的展示而非病毒式 MrBeast 节奏短片时使用。
YUV.AI 的电影感 / 电影感 AI 生成视频 / 3D 虚拟电影摄影cinematic-ai-video(如果可用)hyperframes · 用于任何覆盖排版的 yuv-design-system · nano-banana-pro当源是完全 AI 生成的而非编辑过的素材时使用。
标志性视频横幅(YUV.AI 登陆页顶部的电影感循环 iframe)yuv-design-system(霓虹网站 + Hyperframes 兼容合成)hyperframes(渲染横幅) · gsap(动画)模式记录在 yuv-design-system/references/presentations.md 的 § 标志性视频横幅中。
YUV.AI 的社交卡片 / OG 图像 / Instagram 方形图 / 海报yuv-design-system(霓虹模式——或 温暖编辑模式用于 Hope/实用)nano-banana-pro 用于品牌内图像 · mermaid-diagrams 用于技术图表右下角水印,页脚处规范社交链接。
演讲者简介 / 关于卡片 / "认识主持人"yuv-design-system(霓虹模式)规范凭证块(2× GitHub Star、AWS Gen AI Superstar、Channel 12 News、AI Builder & Speaker、Founder YUV.AI) + 规范社交链接始终使用 assets/profile-yuval-studio.png 作为照片。
Hope / Marcus / bigcats.ai / practical.yuv.ai(课程着陆页)yuv-design-system(温暖编辑模式)hope-born-to-run(如果是 Hope/Marcus 活动) · 用于野生动物片段的 cinematic-ai-video · 用于编辑图像的 nano-banana-pro这是唯一禁止纯 #FFFFFF 的模式。纸质纹理纹理必须使用。
跨渠道发布(网站 + 演示文稿 + 短视频 + 社交卡片 + 邮件)yuv-pilot 保持加载状态按顺序调用上述每个技能。推荐构建顺序:设计系统 + 品牌资产到位 → 演示文稿(用于演讲)→ 网站(用于登陆)→ 短视频(用于分发)→ 社交卡片(用于放大)→ 邮件(用于列表)。这是典型的跨媒介场景。先构建设计系统表面;其余部分借用它。

§3. 工作示例

示例 A — "为我下一次 AI 演讲构建点什么"

解读: YUV.AI 信号 ✓(是他的演讲),媒介 = 演示文稿。单一媒介 → 直接路由到 yuv-decks,yuv-pilot 无需保持参与。

交接回复:

加载 yuv-decks——它将使用 4 幕叙事结构搭建一个 open-slide 项目。

Individual skills in this repo

This repo contains 6 individual skills — each has its own dedicated page.

muhammedadnank/Antigravity-Skills

Build a premium cinematic landing page with mouse-scrub video hero and brand-driven narrative-arc sections. Use whenever the user provides a hero video plus a product / subject / brand and wants a landing page, promo site, product showcase, marketing page, or storytelling site. Works for any language and any subject. The signature effect is mouse-driven video scrubbing \u2014 the hero video lives across the entire page as a fixed backdrop, and moving the mouse left-right scrubs the video timeline so the subject responds to the cursor. Below the hero, 4-5 fully-opaque sections each carry their own brand identity (color, typography emphasis, layout pattern) and walk the viewer through a narrative arc (e.g. longing -> joy -> nostalgia -> contemplation -> action). Do NOT use for parallax frame-scrub landings where the page itself doesn't scroll (use parallax-landing-page instead) or for video editing / captioning workflows (use video-edit).

muhammedadnank/Antigravity-Skills

Generates high-converting Next.js/React landing pages with Tailwind CSS. Uses PAS, AIDA, and BAB frameworks for optimized copy/components (Heroes, Features, Pricing). Focuses on Core Web Vitals/SEO.

muhammedadnank/Antigravity-Skills

Build a scroll-driven cinematic landing page from a short video. The user provides a 5–15 second video (often AI-generated); this skill extracts every frame at HD JPEG quality, then produces a single-hero HTML page where the user's scroll gesture scrubs the frames in place (the page itself never scrolls) and 5 dramatic text overlays crossfade in/out — Google Anton headlines, Caveat handwritten accents, locked body, virtual scroll. Use this skill whenever the user wants to "turn this video into a landing page", "make a scroll-scrub landing page", "build a parallax hero from this clip", "add a new landing page to the parasites showcase", "do the same as github/lion/hope for this new video", or any variant that pairs a short clip with dramatic scroll-triggered storytelling. Trigger even if the user only says "use my video for a landing page" — that is this skill.

muhammedadnank/Antigravity-Skills

Best practices for Remotion - Video creation in React

muhammedadnank/Antigravity-Skills

Writes complete, structured landing pages optimized for SEO ranking, AEO citation, and visitor conversion. Activate when the user wants to write or generate a landing page for a product, service, or offer.

muhammedadnank/Antigravity-Skills

Turn any video into a cinematic scroll-driven landing page — Apple-style hero where scrolling progresses the visible frame through the video. Use when the user provides a video file and asks for "a landing page from this video", "scroll-frame website", "Apple-style scroll site", "hero that scrubs the video", "like the GitHub Copilot landing", or any equivalent. Extracts N evenly-spaced frames via ffmpeg, builds a self-contained HTML page with a sticky hero + JS scroll listener that swaps the visible frame as you scroll, plus headline, sections and CTA below. For YUV.AI projects, applies the yuv-design-system skill in Neon mode (pink/cyan/white, default for YUV.AI web) — Decks (purple/yellow) is reserved for slides only. For generic / non-YUV.AI projects, picks an appropriate palette per the source video. Output is one folder with `index.html` and a `frames/` directory — drop on any static host.

相关技能