Add styled Chinese usage guide PDF (docs/)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-09-19 08:06:49 +08:00 · 2026-04-07 15:05:02 -07:00
parent 8d7961af6e
commit 15f3669318
2 changed files with 516 additions and 0 deletions
@@ -0,0 +1,516 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>OpenClaudia 使用指南</title>
+  <style>
+    @page { margin: 10mm 15mm; }
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    body {
+      font-family: "PingFang SC", "Microsoft YaHei", 'Segoe UI', Tahoma, sans-serif;
+      line-height: 1.7;
+      color: #333;
+      background: #fff;
+    }
+    .header {
+      text-align: center;
+      margin-bottom: 28px;
+      padding-bottom: 15px;
+      border-bottom: 3px solid #7c3aed;
+    }
+    .header img { height: 50px; object-fit: contain; margin-bottom: 10px; }
+    .header h1 { font-size: 28px; color: #1a1a2e; margin-bottom: 4px; }
+    .header .subtitle { font-size: 15px; color: #666; }
+    .header .date { font-size: 13px; color: #888; margin-top: 8px; }
+    .section { margin-bottom: 22px; }
+    .section h2 {
+      font-size: 18px; color: #1a1a2e; margin-bottom: 10px;
+      padding-bottom: 5px; border-bottom: 1px solid #e5e5e5;
+    }
+    .section h3 { font-size: 15px; color: #7c3aed; margin: 12px 0 6px 0; }
+    .section p { margin-bottom: 8px; color: #444; font-size: 13.5px; }
+    .section ul { margin: 0 0 10px 20px; font-size: 13.5px; color: #444; }
+    .section ul li { margin-bottom: 3px; }
+    .highlight-box {
+      background: linear-gradient(135deg, #f5f3ff 0%, #fff 100%);
+      border: 1px solid #c4b5fd; border-radius: 8px;
+      padding: 14px; margin: 12px 0;
+    }
+    .highlight-box h3 { margin-top: 0; color: #7c3aed; }
+    .success-box {
+      background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
+      border: 1px solid #86efac; border-radius: 8px;
+      padding: 14px; margin: 12px 0;
+    }
+    .success-box h3 { color: #166534; margin-top: 0; }
+    .metric-row { display: flex; gap: 12px; margin: 12px 0; }
+    .metric-card {
+      flex: 1; background: #f8fafc; padding: 14px;
+      border-radius: 8px; text-align: center; border: 1px solid #e2e8f0;
+    }
+    .metric-card .value { font-size: 28px; font-weight: bold; color: #7c3aed; }
+    .metric-card .label { font-size: 12px; color: #666; margin-top: 4px; }
+    .data-table {
+      width: 100%; border-collapse: collapse; margin: 10px 0; font-size: 13px;
+    }
+    .data-table th {
+      background: #1a1a2e; color: #fff; padding: 8px 12px;
+      text-align: left; font-weight: 600; font-size: 12px;
+    }
+    .data-table td { padding: 7px 12px; border-bottom: 1px solid #eee; }
+    .data-table tr:nth-child(even) { background: #fafafa; }
+    .tag {
+      display: inline-block; background: #ede9fe; color: #7c3aed;
+      font-size: 11px; font-weight: 600; padding: 2px 8px;
+      border-radius: 10px; margin: 2px;
+    }
+    .tag.green { background: #dcfce7; color: #166534; }
+    code {
+      background: #f3f4f6; color: #7c3aed; padding: 1px 5px;
+      border-radius: 3px; font-size: 12.5px; font-family: 'Menlo', 'Monaco', monospace;
+    }
+    .code-block {
+      background: #1a1a2e; color: #e2e8f0; padding: 14px 16px;
+      border-radius: 8px; margin: 10px 0; font-size: 12.5px;
+      font-family: 'Menlo', 'Monaco', monospace; line-height: 1.6;
+      overflow-x: auto; white-space: pre-wrap;
+    }
+    .code-block .comment { color: #64748b; }
+    .code-block .cmd { color: #a78bfa; }
+    .code-block .output { color: #86efac; }
+    .page-break { page-break-before: always; }
+    .two-col { display: flex; gap: 16px; }
+    .two-col > div { flex: 1; }
+    .workflow-arrow {
+      display: inline-block; color: #7c3aed; font-weight: bold;
+      margin: 0 4px; font-size: 13px;
+    }
+    .contact {
+      background: #1a1a2e; color: #ccc; padding: 20px;
+      border-radius: 8px; margin-top: 25px; font-size: 13px;
+    }
+    .contact a { color: #c4b5fd; text-decoration: none; }
+    .contact strong { color: #fff; }
+    .compare-table td:first-child { font-weight: 600; width: 120px; }
+    .compare-table .oc { background: #f5f3ff; }
+    .compare-table .saas { background: #fef2f2; }
+  </style>
+</head>
+<body>
+
+  <!-- HEADER -->
+  <div class="header">
+    <img src="https://openclaudia.com/avatar.png" alt="OpenClaudia">
+    <h1>OpenClaudia 使用指南</h1>
+    <div class="subtitle">面向 AI 编程代理的开源营销工具包 &mdash; 62+ 模块化技能</div>
+    <div class="date">2026年4月</div>
+  </div>
+
+  <!-- OVERVIEW -->
+  <div class="section">
+    <h2>什么是 OpenClaudia？</h2>
+    <p>OpenClaudia 是面向 AI 编程代理的<strong>开源营销工具包</strong>。它提供 62+ 模块化技能，将 Claude Code 变成一个完整的营销部门 &mdash; 从 SEO 审计到内容创作、Reddit 营销、邮件序列、广告优化和数据分析。</p>
+
+    <div class="metric-row">
+      <div class="metric-card">
+        <div class="value">62+</div>
+        <div class="label">营销技能</div>
+      </div>
+      <div class="metric-card">
+        <div class="value">20+</div>
+        <div class="label">API 集成</div>
+      </div>
+      <div class="metric-card">
+        <div class="value">11</div>
+        <div class="label">技能分类</div>
+      </div>
+      <div class="metric-card">
+        <div class="value" style="color:#16a34a;">免费</div>
+        <div class="label">MIT 开源协议</div>
+      </div>
+    </div>
+
+    <table class="data-table compare-table">
+      <tr>
+        <th>对比项</th>
+        <th>SaaS 营销工具</th>
+        <th>OpenClaudia</th>
+      </tr>
+      <tr>
+        <td>价格</td>
+        <td class="saas">$50-300/月</td>
+        <td class="oc"><strong>免费开源</strong></td>
+      </tr>
+      <tr>
+        <td>执行力</td>
+        <td class="saas">给你建议，自己做</td>
+        <td class="oc"><strong>实际撰写、发布、发送</strong></td>
+      </tr>
+      <tr>
+        <td>数据隐私</td>
+        <td class="saas">数据在他们服务器上</td>
+        <td class="oc"><strong>本地运行</strong></td>
+      </tr>
+      <tr>
+        <td>定制性</td>
+        <td class="saas">受限于界面</td>
+        <td class="oc"><strong>Fork、修改、扩展</strong></td>
+      </tr>
+      <tr>
+        <td>安装</td>
+        <td class="saas">注册、引导、学习</td>
+        <td class="oc"><strong>一行命令</strong></td>
+      </tr>
+    </table>
+  </div>
+
+  <!-- QUICK START -->
+  <div class="section">
+    <h2>快速开始</h2>
+    <p><strong>前提条件：</strong>已安装 Claude Code + Node.js 18+</p>
+
+    <div class="code-block"><span class="comment"># 安装所有 62+ 营销技能</span>
+<span class="cmd">npx openclaudia install --all</span>
+
+<span class="comment"># 或安装特定技能</span>
+<span class="cmd">npx openclaudia install seo-audit write-blog reddit-marketing</span></div>
+
+    <p>然后打开 Claude Code 开始使用：</p>
+
+    <div class="code-block">$ claude
+
+> <span class="cmd">/seo-audit</span> https://mysite.com
+<span class="output">✓ 分析 47 个页面... SEO 评分: 72/100 — 发现 12 个问题</span>
+
+> <span class="cmd">/write-blog</span> "SaaS 增长的 10 个技巧"
+<span class="output">✓ 生成 2,400 字文章，含 meta 标签</span>
+
+> <span class="cmd">/email-sequence</span> --type product-launch
+<span class="output">✓ 创建并通过 Resend 发送 6 封邮件序列</span></div>
+
+    <div class="highlight-box">
+      <h3>手动安装</h3>
+      <p>也可以克隆仓库后手动复制：</p>
+      <p><code>git clone https://github.com/OpenClaudia/openclaudia-skills.git</code></p>
+      <p><code>cp -r skills/seo-audit ~/.claude/skills/</code></p>
+    </div>
+  </div>
+
+  <div class="page-break"></div>
+
+  <!-- SEO WORKFLOW -->
+  <div class="section">
+    <h2>SEO 工作流</h2>
+    <p>从审计开始，然后系统性修复问题。</p>
+
+    <div class="code-block"><span class="comment"># 第1步：审计你的网站</span>
+> <span class="cmd">/seo-audit</span> https://yoursite.com
+
+<span class="comment"># 第2步：研究关键词</span>
+> <span class="cmd">/keyword-research</span> "AI 表单构建器"
+
+<span class="comment"># 第3步：分析竞争对手排名</span>
+> <span class="cmd">/serp-analyzer</span> "最佳 AI 表单构建器 2026"
+
+<span class="comment"># 第4步：审计外链概况</span>
+> <span class="cmd">/backlink-audit</span> https://yoursite.com
+
+<span class="comment"># 第5步：生成 Schema 结构化数据</span>
+> <span class="cmd">/schema-markup</span> https://yoursite.com/pricing
+
+<span class="comment"># 第6步：批量创建 SEO 页面</span>
+> <span class="cmd">/programmatic-seo</span> "为50个城市创建着陆页"</div>
+
+    <p><strong>技能链：</strong>
+      <span class="tag">seo-audit</span> <span class="workflow-arrow">&rarr;</span>
+      <span class="tag">keyword-research</span> <span class="workflow-arrow">&rarr;</span>
+      <span class="tag">serp-analyzer</span> <span class="workflow-arrow">&rarr;</span>
+      <span class="tag">backlink-audit</span> <span class="workflow-arrow">&rarr;</span>
+      <span class="tag">schema-markup</span> <span class="workflow-arrow">&rarr;</span>
+      <span class="tag">programmatic-seo</span>
+    </p>
+  </div>
+
+  <!-- CONTENT WORKFLOW -->
+  <div class="section">
+    <h2>内容营销工作流</h2>
+    <p>规划内容策略，然后生产和分发。</p>
+
+    <div class="code-block"><span class="comment"># 第1步：构建内容策略</span>
+> <span class="cmd">/content-strategy</span> "B2B SaaS 项目管理工具"
+
+<span class="comment"># 第2步：找出内容差距</span>
+> <span class="cmd">/content-gap-analysis</span> competitor1.com competitor2.com
+
+<span class="comment"># 第3步：创建内容简报</span>
+> <span class="cmd">/seo-content-brief</span> "远程团队最佳项目管理工具"
+
+<span class="comment"># 第4步：撰写博客文章</span>
+> <span class="cmd">/write-blog</span> "2026年远程团队最佳项目管理工具"
+
+<span class="comment"># 第5步：润色文案</span>
+> <span class="cmd">/copy-editing</span> ./blog-post.md
+
+<span class="comment"># 第6步：改编为社交内容</span>
+> <span class="cmd">/content-repurposing</span> ./blog-post.md</div>
+
+    <p><strong>技能链：</strong>
+      <span class="tag">content-strategy</span> <span class="workflow-arrow">&rarr;</span>
+      <span class="tag">content-gap-analysis</span> <span class="workflow-arrow">&rarr;</span>
+      <span class="tag">seo-content-brief</span> <span class="workflow-arrow">&rarr;</span>
+      <span class="tag">write-blog</span> <span class="workflow-arrow">&rarr;</span>
+      <span class="tag">copy-editing</span> <span class="workflow-arrow">&rarr;</span>
+      <span class="tag">content-repurposing</span>
+    </p>
+  </div>
+
+  <!-- SOCIAL MEDIA WORKFLOW -->
+  <div class="section">
+    <h2>社交媒体与 Reddit 工作流</h2>
+
+    <div class="code-block"><span class="comment"># 规划内容日历</span>
+> <span class="cmd">/content-calendar</span> "SaaS 产品发布，4周，重点 LinkedIn 和 Reddit"
+
+<span class="comment"># LinkedIn 思想领袖文章</span>
+> <span class="cmd">/linkedin-content</span> "扩展到10万用户的经验教训"
+
+<span class="comment"># Reddit 营销活动</span>
+> <span class="cmd">/reddit-marketing</span> "在相关子版块分享我们的产品"
+
+<span class="comment"># X 热门帖子</span>
+> <span class="cmd">/thread-writer</span> "12个月内从0到10万月访问量"
+
+<span class="comment"># Discord 和 Slack 通知</span>
+> <span class="cmd">/discord-bot</span> "新功能：AI 驱动的表单验证"
+> <span class="cmd">/slack-bot</span> "每周营销更新：流量增长20%"</div>
+
+    <div class="highlight-box">
+      <h3>为什么 Reddit 很重要</h3>
+      <p>Reddit 是 ChatGPT 引用的第一来源，引用量是 Twitter 的3.5倍。建立真实的 Reddit 存在直接提升你的 AI 搜索可见度（GEO）。</p>
+    </div>
+  </div>
+
+  <div class="page-break"></div>
+
+  <!-- EMAIL & ADS -->
+  <div class="section">
+    <h2>邮件与广告工作流</h2>
+
+    <div class="two-col">
+      <div>
+        <h3>邮件营销</h3>
+        <div class="code-block"><span class="cmd">/email-sequence</span> --type product-launch
+<span class="cmd">/email-subject-lines</span> "产品发布公告"</div>
+        <p style="font-size:12px;color:#888;">需要 RESEND_API_KEY 才能实际发送</p>
+      </div>
+      <div>
+        <h3>广告与转化</h3>
+        <div class="code-block"><span class="cmd">/google-ads</span> "目标：中小企业主"
+<span class="cmd">/facebook-ads</span> "再营销广告"
+<span class="cmd">/linkedin-ads</span> "定向工程VP"
+<span class="cmd">/page-cro</span> https://yoursite.com
+<span class="cmd">/ab-test-setup</span> "年付vs月付"</div>
+      </div>
+    </div>
+  </div>
+
+  <!-- ANALYTICS & STRATEGY -->
+  <div class="section">
+    <h2>数据分析与策略工作流</h2>
+
+    <div class="two-col">
+      <div>
+        <h3>数据分析</h3>
+        <div class="code-block"><span class="cmd">/google-analytics</span> "90天流量趋势"
+<span class="cmd">/search-console</span> "热门查询"
+<span class="cmd">/semrush-research</span> "竞争比较"
+<span class="cmd">/youtube-analytics</span> "视频表现"
+<span class="cmd">/brand-monitor</span> "品牌提及"</div>
+      </div>
+      <div>
+        <h3>策略规划</h3>
+        <div class="code-block"><span class="cmd">/icp-builder</span> "B2B SaaS HR"
+<span class="cmd">/competitor-analysis</span> competitor.com
+<span class="cmd">/growth-strategy</span> "6个月流量翻倍"
+<span class="cmd">/launch-strategy</span> "Q2发布v2.0"
+<span class="cmd">/pricing-strategy</span> yoursite.com
+<span class="cmd">/marketing-ideas</span> "月预算$5K"</div>
+      </div>
+    </div>
+  </div>
+
+  <!-- COMBINING SKILLS -->
+  <div class="section">
+    <h2>组合使用技能</h2>
+    <p>真正的威力在于串联多个技能。描述你的目标，Claude 自动编排执行：</p>
+
+    <div class="success-box">
+      <h3>完整内容管线</h3>
+      <p>"研究'AI表单构建器'的关键词，为最佳关键词写一篇博客，然后创建 LinkedIn 帖子和 Reddit 评论推广它。"</p>
+      <p style="margin:0;"><span class="tag">keyword-research</span> <span class="workflow-arrow">&rarr;</span> <span class="tag">write-blog</span> <span class="workflow-arrow">&rarr;</span> <span class="tag">linkedin-content</span> <span class="workflow-arrow">&rarr;</span> <span class="tag">reddit-marketing</span></p>
+    </div>
+
+    <div class="success-box">
+      <h3>竞争对手全面分析</h3>
+      <p>"对 competitor.com 进行全面竞争分析 — SEO审计、内容差距分析、外链比较。然后制定超越他们的内容策略。"</p>
+      <p style="margin:0;"><span class="tag">competitor-analysis</span> <span class="workflow-arrow">&rarr;</span> <span class="tag">seo-audit</span> <span class="workflow-arrow">&rarr;</span> <span class="tag">content-gap-analysis</span> <span class="workflow-arrow">&rarr;</span> <span class="tag">content-strategy</span></p>
+    </div>
+
+    <div class="success-box">
+      <h3>产品发布活动</h3>
+      <p>"下周发布新功能。创建发布策略，写公告博客、邮件序列、社交帖子和 Discord 公告。"</p>
+      <p style="margin:0;"><span class="tag">launch-strategy</span> <span class="workflow-arrow">&rarr;</span> <span class="tag">write-blog</span> <span class="workflow-arrow">&rarr;</span> <span class="tag">email-sequence</span> <span class="workflow-arrow">&rarr;</span> <span class="tag">discord-bot</span></p>
+    </div>
+  </div>
+
+  <!-- ALL SKILLS TABLE -->
+  <div class="page-break"></div>
+  <div class="section">
+    <h2>全部 62+ 技能一览</h2>
+
+    <table class="data-table">
+      <tr>
+        <th>分类</th>
+        <th>技能</th>
+        <th>数量</th>
+      </tr>
+      <tr>
+        <td><strong>SEO与审计</strong></td>
+        <td><span class="tag">seo-audit</span> <span class="tag">keyword-research</span> <span class="tag">serp-analyzer</span> <span class="tag">backlink-audit</span> <span class="tag">schema-markup</span> <span class="tag">programmatic-seo</span> <span class="tag">ahrefs-research</span></td>
+        <td>7</td>
+      </tr>
+      <tr>
+        <td><strong>内容写作</strong></td>
+        <td><span class="tag">write-blog</span> <span class="tag">write-landing</span> <span class="tag">copywriting</span> <span class="tag">copy-editing</span> <span class="tag">content-strategy</span> <span class="tag">seo-content-brief</span> <span class="tag">content-gap-analysis</span> <span class="tag">content-repurposing</span></td>
+        <td>8</td>
+      </tr>
+      <tr>
+        <td><strong>邮件营销</strong></td>
+        <td><span class="tag">email-sequence</span> <span class="tag">email-subject-lines</span></td>
+        <td>2</td>
+      </tr>
+      <tr>
+        <td><strong>社交媒体</strong></td>
+        <td><span class="tag">social-content</span> <span class="tag">thread-writer</span> <span class="tag">content-calendar</span> <span class="tag">linkedin-content</span> <span class="tag">bluesky</span> <span class="tag">reddit-marketing</span></td>
+        <td>6</td>
+      </tr>
+      <tr>
+        <td><strong>广告与转化</strong></td>
+        <td><span class="tag">google-ads</span> <span class="tag">facebook-ads</span> <span class="tag">linkedin-ads</span> <span class="tag">page-cro</span> <span class="tag">ab-test-setup</span> <span class="tag">video-ad-analysis</span></td>
+        <td>6</td>
+      </tr>
+      <tr>
+        <td><strong>数据分析</strong></td>
+        <td><span class="tag">semrush-research</span> <span class="tag">brand-monitor</span> <span class="tag">brand-research</span> <span class="tag">google-analytics</span> <span class="tag">search-console</span> <span class="tag">google-ads-report</span> <span class="tag">google-reviews</span> <span class="tag">youtube-analytics</span></td>
+        <td>8</td>
+      </tr>
+      <tr>
+        <td><strong>策略规划</strong></td>
+        <td><span class="tag">marketing-ideas</span> <span class="tag">marketing-psychology</span> <span class="tag">competitor-analysis</span> <span class="tag">pricing-strategy</span> <span class="tag">launch-strategy</span> <span class="tag">icp-builder</span> <span class="tag">growth-strategy</span> <span class="tag">product-marketing</span> <span class="tag">demand-gen</span></td>
+        <td>9</td>
+      </tr>
+      <tr>
+        <td><strong>消息通知</strong></td>
+        <td><span class="tag">discord-bot</span> <span class="tag">slack-bot</span> <span class="tag">telegram-bot</span> <span class="tag">feishu-lark</span></td>
+        <td>4</td>
+      </tr>
+      <tr>
+        <td><strong>内容素材</strong></td>
+        <td><span class="tag">stock-images</span> <span class="tag">ai-image-gen</span> <span class="tag">i18n</span></td>
+        <td>3</td>
+      </tr>
+      <tr>
+        <td><strong>增长自动化</strong></td>
+        <td><span class="tag">referral-program</span> <span class="tag">lead-magnet</span> <span class="tag">signup-flow-cro</span> <span class="tag">onboarding-cro</span> <span class="tag">affiliate-marketing</span> <span class="tag">newsletter</span> <span class="tag">podcast-marketing</span></td>
+        <td>7</td>
+      </tr>
+      <tr>
+        <td><strong>CRM与外联</strong></td>
+        <td><span class="tag">hubspot</span> <span class="tag">apollo-outreach</span> <span class="tag">domain-research</span></td>
+        <td>3</td>
+      </tr>
+    </table>
+  </div>
+
+  <!-- API CONFIG -->
+  <div class="section">
+    <h2>API 配置</h2>
+    <p>技能无需 API 密钥即可工作，但有 API 后数据更丰富。在 <code>~/.claude/.env.global</code> 中配置：</p>
+
+    <table class="data-table">
+      <tr>
+        <th>优先级</th>
+        <th>API</th>
+        <th>用途</th>
+      </tr>
+      <tr>
+        <td>1</td>
+        <td><strong>Resend</strong></td>
+        <td>实际发送邮件</td>
+      </tr>
+      <tr>
+        <td>2</td>
+        <td><strong>SemRush / Ahrefs</strong></td>
+        <td>真实关键词和外链数据</td>
+      </tr>
+      <tr>
+        <td>3</td>
+        <td><strong>Google OAuth</strong></td>
+        <td>Analytics、Search Console、Ads 报告</td>
+      </tr>
+      <tr>
+        <td>4</td>
+        <td><strong>Unsplash</strong></td>
+        <td>博客配图</td>
+      </tr>
+      <tr>
+        <td>5</td>
+        <td><strong>Discord / Slack / Telegram</strong></td>
+        <td>消息自动化</td>
+      </tr>
+    </table>
+
+    <p>完整配置列表请见 <a href="https://github.com/OpenClaudia/openclaudia-skills#api-configuration" style="color:#7c3aed;">GitHub README</a></p>
+  </div>
+
+  <!-- TIPS -->
+  <div class="section">
+    <h2>技巧与最佳实践</h2>
+
+    <div class="two-col">
+      <div>
+        <h3>1. 提示词要具体</h3>
+        <p>模糊：<code>/write-blog "AI 工具"</code></p>
+        <p>具体：<code>/write-blog "10款AI表单构建器对比：功能、定价及2026年选择指南"</code></p>
+
+        <h3>2. 用 CLAUDE.md 提供上下文</h3>
+        <p>项目中的 CLAUDE.md 包含品牌指南、产品详情时，技能会自动使用。</p>
+
+        <h3>3. 审阅并迭代</h3>
+        <p>技能生成初稿后，让 Claude 继续优化："让开头更吸引人，添加对比表格"</p>
+      </div>
+      <div>
+        <h3>4. 自然语言也可以</h3>
+        <p>不必用斜杠命令。"写一篇关于AI表单的博客" — Claude 自动识别并使用 write-blog 技能。</p>
+
+        <h3>5. 串联执行综合活动</h3>
+        <p>"我需要为下月的产品发布制定完整的内容营销活动" — Claude 自动串联多个技能协调执行。</p>
+
+        <h3>6. 项目级覆盖全局</h3>
+        <p><code>.claude/skills/</code>（项目级）优先于 <code>~/.claude/skills/</code>（全局）。可为特定项目定制技能。</p>
+      </div>
+    </div>
+  </div>
+
+  <!-- CONTACT -->
+  <div class="contact">
+    <strong>OpenClaudia</strong> &mdash; 面向 AI 编程代理的开源营销工具包<br>
+    <a href="https://github.com/OpenClaudia/openclaudia-skills">GitHub</a> &nbsp;|&nbsp;
+    <a href="https://openclaudia.com">openclaudia.com</a> &nbsp;|&nbsp;
+    <a href="https://x.com/Claudia1569302">@Claudia1569302</a><br><br>
+    <span style="font-size:12px;">由 <a href="https://quanl.ai">李泉来</a> 和 OpenClaudia 社区创建 &nbsp;|&nbsp; MIT 开源协议 &nbsp;|&nbsp; 非 Anthropic 官方项目</span>
+  </div>
+
+</body>
+</html>