You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
258 lines
13 KiB
258 lines
13 KiB
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title data-i18n="index.meta.title">Popi.art SkillHub</title>
|
|
<meta
|
|
name="description"
|
|
data-i18n-content="index.meta.description"
|
|
content="面向 Coding Agent 的创作者技能入口与官方 SkillHub 静态站原型。"
|
|
/>
|
|
<link rel="stylesheet" href="./skillhub_assets/site.css" />
|
|
<script src="./skillhub_assets/site.js" defer></script>
|
|
</head>
|
|
<body data-page="index">
|
|
<div class="site-shell">
|
|
<header class="site-header">
|
|
<a class="site-brand" href="./skillhub_index.html">
|
|
<span class="site-brand-dot"></span>
|
|
<span>Popi<span class="accent">.art</span></span>
|
|
</a>
|
|
|
|
<nav class="site-nav">
|
|
<a class="is-active" href="./skillhub_index.html" data-i18n="common.nav.home">首页</a>
|
|
<a href="./skillhub_docs.html" data-i18n="common.nav.docs">文档</a>
|
|
<a href="./skillhub_skills.html" data-i18n="common.nav.skills">技能页</a>
|
|
<a href="./skillhub_console.html" data-i18n="common.nav.console">控制台</a>
|
|
<a href="./skillhub_pricing.html" data-i18n="common.nav.pricing">定价</a>
|
|
</nav>
|
|
|
|
<div class="site-actions">
|
|
<a class="locale-link" href="./skillhub_index.html" data-locale-toggle data-i18n="common.localeToggle">中文</a>
|
|
<a class="button button-primary button-header" href="./skillhub_login.html" data-i18n="common.login">登录</a>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="site-main">
|
|
<div class="page-stack">
|
|
<section class="hero">
|
|
<div class="hero-grid">
|
|
<div class="hero-visual">
|
|
<div class="window">
|
|
<div class="window-top">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
|
|
<div class="visual-grid">
|
|
<div class="mini-stack">
|
|
<div class="panel" data-i18n-html="index.hero.catalogCard">
|
|
<div class="eyebrow">OFFICIAL SKILLHUB</div>
|
|
<h3>官方技能目录</h3>
|
|
<p>
|
|
公开 skill registry 来自
|
|
<code>Popiart_skillhub</code>，当前可见 59 个 skill，覆盖 image、video、audio。
|
|
</p>
|
|
</div>
|
|
|
|
<div class="terminal">
|
|
<code id="hero-run-code">popiart auth login --key pk-...
|
|
popiart skills list --tag image
|
|
popiart run popiskill-image-text2image-basic-v1 --input @params.json --wait
|
|
popiart artifacts pull art_xxx</code>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mini-stack">
|
|
<div class="mini-card" data-i18n-html="index.hero.baselineCard">
|
|
<div class="eyebrow">RUNTIME BASELINE</div>
|
|
<h4>3 个官方执行基线</h4>
|
|
<p>text2image / img2img / image2video</p>
|
|
</div>
|
|
<div class="mini-card" data-i18n-html="index.hero.mcpCard">
|
|
<div class="eyebrow">MCP</div>
|
|
<h4>discoverable tool surface</h4>
|
|
<p>list_skills / run_skill / get_job / pull_artifact</p>
|
|
</div>
|
|
<div class="mini-card" data-i18n-html="index.hero.showcaseCard">
|
|
<div class="eyebrow">SHOWCASE</div>
|
|
<h4>PopiStudio Alice</h4>
|
|
<p>角色一致性 showcase skill 已经进入公开目录。</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="hero-copy" data-i18n-html="index.hero.copy">
|
|
<div class="eyebrow">POP I . ART</div>
|
|
<h1>面向 Coding Agent 的 <span>创作者技能入口</span></h1>
|
|
<p>
|
|
`popiartcli` 负责统一 CLI 入口、登录、skill 发现、run、jobs、artifacts 和 MCP
|
|
discoverability；`Popiart_skillhub` 负责公开 skill 目录与 skill 说明。
|
|
</p>
|
|
|
|
<div class="hero-actions">
|
|
<a class="button button-primary" href="./skillhub_docs.html">快速开始</a>
|
|
<a class="button button-secondary" href="./skillhub_skills.html">浏览技能</a>
|
|
</div>
|
|
|
|
<div class="hero-proof">
|
|
<span class="pill">59 个公开 skill</span>
|
|
<span class="pill">Image / Video / Audio</span>
|
|
<span class="pill" data-hero-phrases='["text2image · img2img","image2video · text2video","tts · stt · dubbing","bootstrap · mcp · artifacts"]'>text2image · img2img</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section">
|
|
<div class="section-title section-heading" data-i18n-html="index.surfaces.heading">
|
|
<div class="eyebrow">PRODUCT SURFACES</div>
|
|
<h2>当前产品能力来自 <span>CLI + SkillHub</span> 两层真实仓库</h2>
|
|
<p>首页文案不再空谈能力，而是直接围绕真实命令面、技能目录和执行边界组织。</p>
|
|
</div>
|
|
|
|
<div class="stat-row">
|
|
<article class="metric">
|
|
<strong>59</strong>
|
|
<span data-i18n="index.surfaces.metricTotal">公开 skill 总数</span>
|
|
</article>
|
|
<article class="metric">
|
|
<strong>25</strong>
|
|
<span data-i18n="index.surfaces.metricAudio">audio skill</span>
|
|
</article>
|
|
<article class="metric">
|
|
<strong>18</strong>
|
|
<span data-i18n="index.surfaces.metricImage">image skill</span>
|
|
</article>
|
|
<article class="metric">
|
|
<strong>14</strong>
|
|
<span data-i18n="index.surfaces.metricVideo">video skill</span>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section">
|
|
<div class="section-title section-heading" data-i18n-html="index.scenarios.heading">
|
|
<div class="eyebrow">SCENARIOS</div>
|
|
<h2>从 skill 目录里抽出的高价值场景</h2>
|
|
<p>这里的能力命名尽量贴近 `Popiart_skillhub` 的真实 skill id、category 和 capability。</p>
|
|
</div>
|
|
|
|
<div class="scene-grid">
|
|
<article class="scene-card" data-i18n-html="index.scenarios.card1">
|
|
<div class="eyebrow">IMAGE</div>
|
|
<h3>Text2Image</h3>
|
|
<p>围绕 `popiskill-image-text2image-*` 组织文生图、角色图、三视图和风格图像生成。</p>
|
|
<a class="scene-link" href="./skillhub_skills.html">查看 image skills</a>
|
|
</article>
|
|
<article class="scene-card" data-i18n-html="index.scenarios.card2">
|
|
<div class="eyebrow">IMAGE</div>
|
|
<h3>Img2Img</h3>
|
|
<p>包含基础图像编辑、局部改图和 PopiStudio Alice 一致性 showcase 工作流。</p>
|
|
<a class="scene-link" href="./skillhub_skills.html">查看 img2img</a>
|
|
</article>
|
|
<article class="scene-card" data-i18n-html="index.scenarios.card3">
|
|
<div class="eyebrow">VIDEO</div>
|
|
<h3>Image2Video</h3>
|
|
<p>官方 runtime baseline 之一，适合将静态图转为短视频 teaser 或角色动态片段。</p>
|
|
<a class="scene-link" href="./skillhub_skills.html">查看 video skills</a>
|
|
</article>
|
|
<article class="scene-card" data-i18n-html="index.scenarios.card4">
|
|
<div class="eyebrow">VIDEO</div>
|
|
<h3>Text2Video</h3>
|
|
<p>目录中已有 `kling / sora2pro / studio` 等方向的 text2video skill 定义。</p>
|
|
<a class="scene-link" href="./skillhub_skills.html">查看 text2video</a>
|
|
</article>
|
|
<article class="scene-card" data-i18n-html="index.scenarios.card5">
|
|
<div class="eyebrow">AUDIO</div>
|
|
<h3>TTS / Voice</h3>
|
|
<p>覆盖 `doubao / ima-studio / multimodel / voice-engineer` 等多种音频输出能力。</p>
|
|
<a class="scene-link" href="./skillhub_skills.html">查看 audio skills</a>
|
|
</article>
|
|
<article class="scene-card" data-i18n-html="index.scenarios.card6">
|
|
<div class="eyebrow">AUDIO</div>
|
|
<h3>STT / Dubbing</h3>
|
|
<p>目录中已有本地语音识别、视频转写、视频翻译和本地化相关 skill。</p>
|
|
<a class="scene-link" href="./skillhub_skills.html">查看 stt & dubbing</a>
|
|
</article>
|
|
<article class="scene-card" data-i18n-html="index.scenarios.card7">
|
|
<div class="eyebrow">MCP</div>
|
|
<h3>Agent Discoverability</h3>
|
|
<p>`popiart mcp serve / print-config / doctor` 已经形成一套可接 agent 的工具面。</p>
|
|
<a class="scene-link" href="./skillhub_docs.html">查看 MCP 文档</a>
|
|
</article>
|
|
<article class="scene-card" data-i18n-html="index.scenarios.card8">
|
|
<div class="eyebrow">BOOTSTRAP</div>
|
|
<h3>Bootstrap & Seed Skills</h3>
|
|
<p>CLI 会生成 discoverability 配置，并把 bundled seed skills 合并进查询链路。</p>
|
|
<a class="scene-link" href="./skillhub_docs.html">查看 bootstrap</a>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section">
|
|
<div class="section-title section-heading" data-i18n-html="index.flow.heading">
|
|
<div class="eyebrow">INTEGRATION FLOW</div>
|
|
<h2>真实接入路径</h2>
|
|
<p>不发明新命令，直接围绕 `popiartcli` 当前已落地的命令面来设计产品第一屏。</p>
|
|
</div>
|
|
|
|
<div class="step-grid">
|
|
<article class="step-card" data-i18n-html="index.flow.step1">
|
|
<div class="step-number">01</div>
|
|
<h3>安装 CLI</h3>
|
|
<p>支持 Homebrew、install.sh、PowerShell、source build，正式发布渠道以 Go CLI 为主。</p>
|
|
</article>
|
|
<article class="step-card" data-i18n-html="index.flow.step2">
|
|
<div class="step-number">02</div>
|
|
<h3>Bootstrap Agent</h3>
|
|
<p>用 `bootstrap --discoverable` 生成 shell completion、MCP 配置片段和 seed skill profile。</p>
|
|
</article>
|
|
<article class="step-card" data-i18n-html="index.flow.step3">
|
|
<div class="step-number">03</div>
|
|
<h3>Auth & Discover</h3>
|
|
<p>使用产品层 key 登录，再通过 `skills list/get/schema` 发现远端和本地合并后的 skill。</p>
|
|
</article>
|
|
<article class="step-card" data-i18n-html="index.flow.step4">
|
|
<div class="step-number">04</div>
|
|
<h3>Run / Jobs / Artifacts</h3>
|
|
<p>任务统一返回 `job_id`，长任务轮询，产物通过 `artifacts pull` 恢复。</p>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="cta-banner">
|
|
<div data-i18n-html="index.cta.text">
|
|
<div class="eyebrow">NEXT STEP</div>
|
|
<strong>继续查看文档、技能页和控制台原型</strong>
|
|
</div>
|
|
<div class="hero-actions">
|
|
<a class="button button-secondary" href="./skillhub_docs.html" data-i18n="common.nav.docs">文档</a>
|
|
<a class="button button-secondary" href="./skillhub_skills.html" data-i18n="common.nav.skills">技能页</a>
|
|
<a class="button button-primary" href="./skillhub_console.html" data-i18n="common.nav.console">控制台</a>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</main>
|
|
|
|
<footer class="site-footer">
|
|
<div class="footer-grid">
|
|
<div>
|
|
<strong data-i18n="index.footer.title">Popi.art SkillHub Static Prototype</strong>
|
|
<div class="footer-subtitle" data-i18n-html="index.footer.subtitle">内容改写自 `popiartcli` 与 `Popiart_skillhub`，布局参考 `open-claw`。</div>
|
|
</div>
|
|
<div class="footer-links">
|
|
<a href="./skillhub_index.html" data-i18n="common.nav.home">首页</a>
|
|
<a href="./skillhub_docs.html" data-i18n="common.nav.docs">文档</a>
|
|
<a href="./skillhub_skills.html" data-i18n="common.nav.skills">技能页</a>
|
|
<a href="./skillhub_console.html" data-i18n="common.nav.console">控制台</a>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
|