yuanflow-cli 0.1.10 → 0.1.11

package/skills/yuanflow-skill/HTML/346/212/245/345/221/212/347/224/237/346/210/220/templates/warm-beige/report-warm-beige.css

@@ -0,0 +1,258 @@
+:root {
+  --bg: #e9e5dc;
+  --page: #fbfaf6;
+  --ink: #1b1814;
+  --muted: #6b6459;
+  --primary: #1d1b18;
+  --primary-2: #9b6a3a;
+  --line: #d8cfc1;
+  --soft: #f3efe6;
+  --soft-2: #eee6d7;
+  --success: #12805c;
+  --warning: #b56b00;
+  --danger: #d92d20;
+}
+
+* { box-sizing: border-box; }
+
+body {
+  margin: 0;
+  background: var(--bg);
+  color: var(--ink);
+  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", Arial, sans-serif;
+  line-height: 1.68;
+}
+
+.report-page {
+  width: min(1120px, calc(100% - 40px));
+  margin: 28px auto;
+  padding: 40px 42px 26px;
+  background: var(--page);
+  border: 1px solid var(--line);
+  box-shadow: 0 18px 48px rgba(47, 40, 31, 0.08);
+}
+
+.report-topline {
+  display: flex;
+  justify-content: space-between;
+  gap: 24px;
+  color: var(--muted);
+  font-size: 13px;
+  border-bottom: 1px solid var(--line);
+  padding-bottom: 14px;
+}
+
+.report-header {
+  padding: 24px 0 22px;
+}
+
+.eyebrow {
+  color: var(--primary-2);
+  font-size: 14px;
+  font-weight: 700;
+  margin: 0 0 8px;
+}
+
+h1 {
+  margin: 0;
+  color: var(--primary);
+  font-size: 32px;
+  line-height: 1.22;
+  letter-spacing: 0;
+}
+
+.subtitle {
+  margin: 10px 0 0;
+  color: var(--muted);
+  font-size: 15px;
+}
+
+.tags {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-top: 16px;
+}
+
+.tag {
+  padding: 6px 10px;
+  border: 1px solid var(--line);
+  background: var(--soft);
+  color: var(--primary);
+  font-size: 12px;
+  font-weight: 700;
+}
+
+.summary {
+  display: grid;
+  gap: 12px;
+  padding: 18px;
+  background: linear-gradient(180deg, #f6f1e8, #fbfaf6);
+  border: 1px solid var(--line);
+}
+
+.summary-strong {
+  margin: 0;
+  color: var(--primary);
+  font-size: 20px;
+  font-weight: 800;
+}
+
+.section {
+  margin-top: 22px;
+}
+
+.section-title {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin: 0 0 12px;
+  color: var(--primary);
+  font-size: 18px;
+}
+
+.section-title::before {
+  content: "";
+  width: 4px;
+  height: 18px;
+  background: var(--primary);
+}
+
+.grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
+.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
+.grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
+
+.card {
+  border: 1px solid var(--line);
+  background: #fffdf8;
+  padding: 15px;
+}
+
+.card.soft { background: var(--soft); }
+
+.metric-value {
+  color: var(--primary);
+  font-size: 28px;
+  line-height: 1;
+  font-weight: 900;
+}
+
+.metric-label, .muted {
+  color: var(--muted);
+  font-size: 13px;
+}
+
+.number {
+  display: inline-grid;
+  place-items: center;
+  width: 28px;
+  height: 28px;
+  background: var(--primary);
+  color: #fff;
+  font-size: 13px;
+  font-weight: 800;
+}
+
+.list {
+  margin: 0;
+  padding-left: 18px;
+}
+
+.list li { margin: 6px 0; }
+
+.table {
+  width: 100%;
+  border-collapse: collapse;
+  overflow: hidden;
+}
+
+.table th, .table td {
+  border: 1px solid var(--line);
+  padding: 12px;
+  text-align: left;
+  vertical-align: top;
+}
+
+.table th {
+  background: var(--soft);
+  color: var(--primary);
+}
+
+.bar-chart {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  align-items: end;
+  gap: 12px;
+  height: 170px;
+  padding: 16px;
+  border: 1px solid var(--line);
+  background: repeating-linear-gradient(0deg, #fffdf8, #fffdf8 33px, #e8dfd1 34px);
+}
+
+.bar {
+  background: linear-gradient(180deg, #b8894f, var(--primary));
+  min-height: 24px;
+}
+
+.timeline {
+  display: grid;
+  gap: 14px;
+  border-left: 3px solid var(--primary);
+  padding-left: 18px;
+}
+
+.timeline-item {
+  position: relative;
+  border: 1px solid var(--line);
+  padding: 14px;
+  background: #fffdf8;
+}
+
+.timeline-item::before {
+  content: "";
+  position: absolute;
+  left: -27px;
+  top: 20px;
+  width: 12px;
+  height: 12px;
+  background: var(--primary);
+  border: 3px solid #fff;
+}
+
+.flow-row {
+  display: grid;
+  grid-template-columns: repeat(5, 1fr);
+  gap: 8px;
+  align-items: stretch;
+}
+
+.flow-step {
+  position: relative;
+  padding: 12px;
+  background: var(--soft);
+  border: 1px solid var(--line);
+  color: var(--primary);
+  font-weight: 800;
+  text-align: center;
+}
+
+.priority-high { border-top: 6px solid var(--danger); }
+.priority-medium { border-top: 6px solid #b8894f; }
+.priority-low { border-top: 6px solid #12b76a; }
+
+.footer {
+  display: flex;
+  justify-content: space-between;
+  gap: 20px;
+  margin-top: 30px;
+  padding-top: 14px;
+  border-top: 1px solid var(--line);
+  color: var(--muted);
+  font-size: 12px;
+}
+
+@media (max-width: 820px) {
+  .report-page { width: calc(100% - 20px); padding: 28px 20px; }
+  .grid-2, .grid-3, .grid-4, .flow-row { grid-template-columns: 1fr; }
+  .report-topline, .footer { flex-direction: column; }
+}

package/skills/yuanflow-skill/README.md

@@ -0,0 +1,97 @@
+# yuanflow-skill
+
+YuanFlow Skill 是 `yuanflow-cli` 的 Agent Skill 仓库，用于把社媒平台 API 调用能力安装到支持 Skill 的本地 AI Agent 中。
+
+## 包含内容
+
+- `SKILL.md`：总入口，负责分流和索引。
+- `yuanflow-cli/`：API CLI 子 Skill，说明 `yuanflow-cli` 的安装、配置、命令发现、schema 查询、dry-run 和 agent-json 调用方式。
+- `自媒体知识库/`：自媒体知识库渐进查询 Skill，走 `yuanflow-cli knowledge`。
+- `OSS文件中转工具/`：OSS 临时上传、签名链接、对象复制 Skill，走 `yuanflow-cli oss`。
+- `生图技能/`：图片生成与编辑 Skill，优先走 YuanFlow 内置 `yuanflow_image_request`。
+- `HTML报告生成/`：单页 HTML 报告生成 Skill，内置 9 种米色留白报告模板。
+
+## 适用场景
+
+- 查询抖音、小红书、Bilibili、微信视频号、微信公众号等平台数据。
+- 查看可用 API 命令、快捷命令和 schema。
+- 让本地 Agent 稳定调用 `yuanflow-cli` 并解析 JSON 输出。
+- 查询自媒体知识库公开方向、方法包和规则摘要。
+- 上传文件到临时 OSS、生成签名链接或复制 OSS 对象。
+- 生成图片、编辑图片，并缓存返回 URL 或 base64 图片。生成图片必填 `prompt`，可选 `size / quality / style / n / response_format`；编辑图片必须通过 multipart 上传本地图片。
+- 把自媒体分析、数据复盘、文案方案、账号监控、知识梳理和执行计划生成可直接打开的单页 HTML 报告。
+
+## 双环境使用方式
+
+这套 Skill 同时支持两种环境：
+
+- YuanFlow 主程序内：优先使用内置工具 `yuanflow_cli_call`、`yuanflow_gateway_request` 或 `yuanflow_image_request`，token 由主程序认证系统注入，不要求用户安装 npm 或配置 token。
+- 外部 Agent 内：优先使用本地 `yuanflow-cli`；如果本地没有，再通过 npm 安装。
+
+外部 Agent 独立使用时，推荐环境变量：
+
+```bash
+YUANCHUANG_API_TOKEN=<你的令牌>
+```
+
+也可以通过 `yuanflow-cli config set-token <你的令牌>` 保存到本地配置。
+
+## 配合 npm 包使用
+
+安装 `yuanflow-cli`：
+
+```bash
+npm install -g yuanflow-cli
+```
+
+安装 Skill 到本地 Agent：
+
+```bash
+yuanflow-skill install
+```
+
+指定安装目标：
+
+```bash
+yuanflow-skill install --agent codex,cursor
+```
+
+项目级安装：
+
+```bash
+yuanflow-skill install --project
+```
+
+查看可发现的 Skill：
+
+```bash
+yuanflow-skill list-skills
+```
+
+## 目录规范
+
+每个子 Skill 使用独立目录，并在目录内提供 `SKILL.md`。
+
+```text
+.
+├─ SKILL.md
+├─ yuanflow-cli
+│  └─ SKILL.md
+├─ 自媒体知识库
+│  └─ SKILL.md
+├─ 生图技能
+│  └─ SKILL.md
+├─ HTML报告生成
+│  ├─ SKILL.md
+│  ├─ templates/
+│  └─ references/
+└─ OSS文件中转工具
+   └─ SKILL.md
+```
+
+## 维护说明
+
+- 根目录 `SKILL.md` 只维护分流逻辑。
+- 子 Skill 的具体说明和工作流放在各自目录中。
+- 新增子 Skill 时，在根目录 `SKILL.md` 中补充分流规则。
+- 保持 Skill 名称、目录名和 npm 命令名一致，统一使用小写 `yuanflow-*`。

package/skills/yuanflow-skill/SKILL.md

@@ -1,6 +1,6 @@
 ---
 name: yuanflow-skill
-description: Use when the user asks about social-media API workflows, platform data queries, command discovery, or choosing among yuanflow-cli sub-skills for atomic access to Douyin, Xiaohongshu, Bilibili, WeChat, TikTok, YouTube, Weibo, Zhihu and related platforms.
+description: Use when the user asks about social-media API workflows, platform data queries, command discovery, image generation, OSS transfer, knowledge-base workflows, HTML report generation, or choosing among yuanflow-cli sub-skills for atomic access to Douyin, Xiaohongshu, Bilibili, WeChat, TikTok, YouTube, Weibo, Zhihu and related platforms.
 ---
 
 # YuanFlow Skill
@@ -21,6 +21,7 @@ description: Use when the user asks about social-media API workflows, platform d
 - `自媒体知识库/`
 - `OSS文件中转工具/`
 - `生图技能/`
+- `HTML报告生成/`
 
 ## 环境判断
 
@@ -152,6 +153,18 @@ description: Use when the user asks about social-media API workflows, platform d
 
 - `生图技能`
 
+### 10. 走 `HTML报告生成`
+
+遇到下面这些需求，优先进入这个子 Skill：
+
+- 生成 HTML 报告、单页报告、可视化长文报告。
+- 把自媒体分析、数据复盘、文案方案、账号监控、知识梳理、执行计划整理成可直接打开的 HTML 文件。
+- 用户要求套用报告模板、生成报告页面、做一份可以离线查看的 HTML 总结页。
+
+子 Skill 名称：
+
+- `HTML报告生成`
+
 ## 多需求时怎么处理
 
 如果用户一次提了多段流程，不要强行塞进一个子 Skill，按阶段拆开：