用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/google/capsem --skill site-marketing命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
Building Capsem VM images from profile-owned inputs. Use when working on profile package files, Dockerfile templates, kernel or rootfs builds, or the capsem-builder backend.
Capsem's release process: orthogonal binary/profile CI, signing, notarization, channel deployment. Use for release commands, failures, manifests, or anything affecting what ships.
The Citadel guard suite. Use when adding a guard, a linter, or a source surface, or when a citadel test fails and you need to know what it is protecting.
基于 SOC 职业分类
正在显示 SKILL.md
| name | site-marketing |
| description | The marketing website, capsem.org. Use when editing copy, adding sections, or changing the site theme. |
The marketing site (capsem.org) is a single-page landing built with Astro 6 + Svelte 5 + Tailwind v4. Source lives in site/.
cd site && pnpm run dev # localhost:4321
cd site && pnpm run build # Production build
cd site && pnpm run preview # Preview production build
ci.yaml runs the merge-blocking site-build job under pr-gate. site.yaml
deploys only on every push to main and smokes https://capsem.org/. This
deploy rail is independent from binary releases, manual VM asset releases, and
the release.capsem.org asset-channel workflow.
Single page (site/src/pages/index.astro) composed of Svelte components. All marketing copy is centralized in site/src/lib/data.ts -- edit that file to change text, not the components.
site/
astro.config.mjs Astro config (site: capsem.org, Svelte + Tailwind)
package.json capsem-marketing package
src/
pages/index.astro Single landing page, composes all sections
layouts/Base.astro HTML shell (meta, fonts, skip-to-content)
lib/data.ts All copy: site metadata, nav, features, FAQ, footer
lib/icons.ts Icon SVG paths
styles/global.css Tailwind theme tokens, base styles, button utilities
components/
Nav.svelte Top navigation (client:load)
Hero.svelte Hero section with install command
Features.svelte Feature cards grid
ProductOverview.svelte Architecture diagram (host/guest/vsock)
HowItWorks.svelte Step-by-step explanation
FAQ.svelte Accordion FAQ (client:visible)
CTA.svelte Call-to-action (client:visible)
Footer.svelte Footer with link columns
Section.svelte Reusable section wrapper
SectionHeader.svelte Reusable heading + subtitle
Card.svelte Reusable card component
Badge.svelte Reusable badge component
Icon.svelte SVG icon component
InstallCommand.svelte Copy-to-clipboard install snippet
All text lives in site/src/lib/data.ts as typed const exports:
| Export | Content |
|---|---|
SITE | Name, tagline, description, URLs (GitHub, docs, releases) |
NAV_LINKS | Top nav items |
AGENTS | Supported AI agents list |
SECURITY_BLOCKS | Three security pillars (isolation, inspection, control) |
HOST_COMPONENTS | Host-side architecture diagram items |
GUEST_COMPONENTS | Guest-side architecture diagram items |
VSOCK_CHANNELS | Vsock port labels for architecture diagram |
FAQS | FAQ question/answer pairs |
FOOTER_COLUMNS | Footer link groups |
MCP_TOOLS | MCP tool examples |
PACKAGES | Pre-installed packages list |
ROADMAP | Roadmap items |
Defined in site/src/styles/global.css using Tailwind v4 @theme tokens:
--color-accent (blue), --color-accent-secondary (purple), gradient between them--color-surface) and dark (--color-surface-dark) variants@utility classes: btn-primary (gradient), btn-dark, btn-outline, btn-outline-darksection-dark utility classSection.svelte and SectionHeader.svelte provide consistent spacing and headingsclient:load (Nav) or client:visible (FAQ, CTA)gradient-text utility for accent-colored headingsIcons use inline SVG paths from site/src/lib/icons.ts, rendered via Icon.svelte. Favicons in site/public/ are generated from graphics/icon/1024w/capsem-logo-color.png.