Proje ve structure yapısını oluştur. Gerekli dosyaları oluştur. Teknoloji stack ve design referanslarına uygun şekilde kod yaz. Her step'te planlanan değişiklikleri uygula, test et, raporla. Gerektiğinde config dosyaları oluştur. Her step sonunda commit at. Eğer bir step eksik bilgi/erişim/bağımlılık nedeniyle yapılamıyorsa Blocked yap ve gereken aksiyonları açıkla.
PRE-EXECUTION RULE
Her step başlamadan önce:
- 1. docs/architecture/AICONSULTANTSYSTEM_PROMPT.md dosyasını oku
- Bu dokümandaki teknoloji stack ve monorepo yapısına uyduğunu doğrula
- Uymuyorsa step'i Blocked yap ve sapma nedenini açıkla
3.1 Minimum sapmayla uyumlandırmayı dene.
3.2 Gerekirse config dosyası üret.
3.3 Gerçekten imkansızsa Blocked yap.
4.Eksik klasörleri ve minimal dosyaları otomatik oluştur (packages/config gibi) ve devam et; sadece destructive işlemlerde dur.
- 5. UI step başlamadan önce
/home/adige/AI-C/desing klasöründeki ilgili ekran görseli/HTML dosyasını incele ve ekranı referansla birebir hizala. - Database/schema değişikliği yapılıyorsa migration üret ve uygula.
ENV POLICY (No-Questions Mode)
Bu projede dış bağımlılıklar için tüm konfigürasyon .env üzerinden yönetilecek.
Kurallar:
1) Agent gerçek secret üretmeye/uydurmaya çalışmaz.
2) Agent her servis için .env.example ve ilgili alt-app .env.example dosyalarını oluşturur/günceller.
3) Gerçek secret gerekli ise placeholder bırakır (örn: "REPLACE_ME") ve açıklama ekler.
4) Eksik secret varsa:
- Mümkünse "DEV_FALLBACK" moduna geç (mock provider / stub).
- Uygulama boot edebilecek kadar default ile ilerle.
- Sadece tamamen imkânsızsa Blocked yap.
5) Tüm dış servis konfigürasyonları .env üzerinden yönetilir.
6) .env.example dosyaları otomatik oluşturulur/güncellenir.
7) Gerçek secret üretilmez, placeholder bırakılır.
8) Eksik secret varsa DEVFALLBACKMODE ile mock provider kullanılır.
Zorunlu dosyalar:
- - .env.example (repo root)
- apps/api/.env.example
- apps/web/.env.example
- apps/mobile/.env.example
Git kuralları:
- - .env dosyalarını gitignore et (sadece .example commit edilir).
Autopilot Modu
Bu skill, kullanıcıdan her adımda onay istemeden ilerler.
Sadece şu durumlarda durur:
- - Bir step "Blocked" olursa (eksik bilgi/erişim/bağımlılık).
- Güvenli olmayan/destructive bir işlem gerekiyorsa (silme, prod deploy, ödeme, gizli anahtar yazma).
- Plan dosyaları bulunamazsa.
Plan Kaynakları (öncelik)
1)
plan/ai_consultant_mobile_project_plan.md
2) Yoksa
plan/ai_consultant_full_project_plan.md
3) Md yoksa csv fallback dosyaları
Yürütme Algoritması
1) Planı oku → tüm ST-* satırlarını çıkar.
2) Bir DAG oluştur:
-
depends tamamlanmadan step başlamaz.
-
blocks bir sonraki hedefi gösterir (sıra/öncelik ipucu).
3) Çalıştırma sırası:
- Önce P0'lar, sonra P1/P2/P3
- Aynı öncelikte dependency-ready olanları sırayla
4) Her step için:
- "Planlanan değişiklik" (kısa)
- Uygulama: dosya değişiklikleri
- Komutlar: lint/test/build (repo yapısına göre)
- Schema değişikliği varsa: Prisma migration (
apps/api içinde) + migration dosyaları
- Doğrulama: acceptance kriteri yerine "plan hedefi + çalışır build/test"
- Status: Done / Blocked
- Blocked ise: neden + gereken aksiyonlar + hangi bilgi lazım
5) Her tamamlanan step sonunda:
- git add .
- Conventional Commit formatında commit at
- Commit mesajı: "feat(epic-01): initialize monorepo structure"
Repo/Çalışma Kuralları
- - Workspace dışına yazma.
- Gizli anahtarları (API key, cert, signing key) dosyaya yazma; sadece env değişkeni olarak tarif et.
- Progress kaydı tek kaynak olarak
/home/adige/AI-C/progress.json üzerinde tutulur. - Bir step tamamlandığında ilgili step status alanını
done/DONE olarak güncelle. - Kullanıcıdan onay istemeden sıradaki runnable maddeye geç.
- Her 3-5 step’te bir veya büyük bir değişiklikte:
-
git status kontrol et
- mümkünse küçük commit at (repo git ise)
- - Eğer repo yoksa güvenli şekilde
git init yap ve devam et.
Çıktı Formatı
Her step için:
Step : </h3>
<ul><li>- Priority:</li><li>Depends:</li><li>Changes:</li><li>Files changed:</li><li>Commands run:</li><li>Verification:</li><li>Status: Done/Blocked</li></ul></div>
<div class="desc-cn"><p>技能名称：ai<em>c</em>plan</p>
<p>详细描述：<br>
创建项目和结构框架。生成必要的文件。根据技术栈和设计参考编写代码。在每个步骤中实施计划中的更改，进行测试并报告。必要时创建配置文件。每个步骤结束时提交。如果某个步骤因信息/访问/依赖缺失而无法执行，则标记为阻塞并说明所需操作。</p>
<h1>执行前规则</h1>
每个步骤开始前：
<ol><li>1. 读取 docs/architecture/AI<em>CONSULTANT</em>SYSTEM_PROMPT.md 文件</li><li>验证是否符合该文档中的技术栈和 monorepo 结构</li><li>若不符合，则将步骤标记为阻塞并说明偏差原因</li></ol>
3.1 尝试以最小偏差进行调整。
3.2 必要时生成配置文件。
3.3 若确实无法实现，则标记为阻塞。
<ol><li>4. 自动创建缺失的文件夹和最小文件（如 packages/config）并继续；仅在破坏性操作时停止。</li><li>UI 步骤开始前，检查 /home/adige/AI-C/desing 文件夹中的相关截图/HTML 文件，并严格参照屏幕进行对齐。</li><li>若进行数据库/模式更改，则生成并应用迁移。</li></ol>
<h2>环境变量策略（无询问模式）</h2>
本项目所有外部依赖的配置将通过 .env 文件管理。
<p>规则：<br>
1) 代理不会尝试生成/捏造真实的密钥。<br>
2) 代理为每个服务创建/更新 .env.example 和相关的子应用 .env.example 文件。<br>
3) 若需要真实密钥，则使用占位符（例如：REPLACE_ME）并添加说明。<br>
4) 若缺少密钥：<br>
- 尽可能切换到DEV_FALLBACK模式（模拟提供者/存根）。<br>
- 使用足以让应用启动的默认值继续。<br>
- 仅在完全不可能时标记为阻塞。<br>
5) 所有外部服务配置通过 .env 管理。<br>
6) .env.example 文件会自动创建/更新。<br>
7) 不生成真实密钥，使用占位符。<br>
8) 若缺少密钥，则使用 DEV<em>FALLBACK</em>MODE 采用模拟提供者。</p>
<p>必需文件：<br>
<ul><li>- .env.example（仓库根目录）</li><li>apps/api/.env.example</li><li>apps/web/.env.example</li><li>apps/mobile/.env.example</li></ul></p>
<p>Git 规则：<br>
<ul><li>- 将 .env<em> 文件加入 gitignore（仅提交 </em>.example 文件）。</li></ul></p>
<h1>自动驾驶模式</h1>
此技能无需在每个步骤征求用户确认即可继续。
仅在以下情况下停止：
<ul><li>- 某个步骤被阻塞（信息/访问/依赖缺失）。</li><li>需要执行不安全/破坏性操作（删除、生产部署、支付、写入密钥）。</li><li>找不到计划文件。</li></ul>
<h2>计划来源（优先级）</h2>
1) plan/ai<em>consultant</em>mobile<em>project</em>plan.md
2) 若不存在，则使用 plan/ai<em>consultant</em>full<em>project</em>plan.md
3) 若无 md 文件，则使用 csv 备用文件
<h2>执行算法</h2>
1) 读取计划 → 提取所有 ST-* 行。
2) 构建一个 DAG：
- 在 depends 完成之前，步骤不会开始。
- blocks 指示下一个目标（顺序/优先级提示）。
3) 执行顺序：
- 先执行 P0，然后执行 P1/P2/P3
- 相同优先级下，按顺序执行依赖就绪的步骤
4) 每个步骤：
- 计划中的更改（简要）
- 实施：文件更改
- 命令：lint/test/build（根据仓库结构）
- 若有模式更改：Prisma 迁移（在 apps/api 内）+ 迁移文件
- 验证：验收标准替换为计划目标 + 可运行的构建/测试
- 状态：完成 / 阻塞
- 若阻塞：原因 + 所需操作 + 需要哪些信息
5) 每个完成的步骤结束时：
- git add .
- 使用常规提交格式进行提交
- 提交信息：feat(epic-01): initialize monorepo structure
<h2>仓库/工作规则</h2>
<ul><li>- 不写入工作区之外。</li><li>不将密钥（API 密钥、证书、签名密钥）写入文件；仅作为环境变量描述。</li><li>进度记录以 /home/adige/AI-C/progress.json 为唯一来源。</li><li>步骤完成后，更新相应步骤的状态字段为 done/DONE。</li><li>无需用户确认，直接进入下一个可执行项。</li><li>每 3-5 个步骤或重大更改时：</li></ul>
- 检查 git status
- 尽可能进行小提交（如果仓库是 git 仓库）
<ul><li>- 如果仓库不存在，则安全地执行 git init 并继续。</li></ul>
<h2>输出格式</h2>
每个步骤：
<h3>步骤 <ID>: <标题></h3>
<ul><li>- 优先级：</li><li>依赖：</li><li>更改：</li><li>更改的文件：</li><li>运行的命令：</li><li>验证：</li><li>状态：完成/阻塞</li></ul></div>
</div>
<div class="tags">
<h4>标签</h4>
<span class="tag">skill</span>
<span class="tag">ai</span>
</div>
</div>
</div>
<div class="tab-content" id="tab-install">
<div class="install-panel">
<h3>通过对话安装</h3>
<p>以下为平台配置的接入选项，并非逐项实测通过。能否安装取决于客户端支持、技能来源和运行环境：</p>
<div class="platform-list">
<span class="platform-tag">OpenClaw</span>
<span class="platform-tag">WorkBuddy</span>
<span class="platform-tag">QClaw</span>
<span class="platform-tag">Kimi</span>
<span class="platform-tag">Claude</span>
</div>
<div class="install-method">
<h4>方式一：安装 SkillHub 和技能</h4>
<div class="code-block">
<button class="copy-btn" onclick="copyToClipboard('帮我安装 SkillHub 和 ai-c-plan-1776289774 技能', this)">复制</button>
<code>帮我安装 SkillHub 和 ai-c-plan-1776289774 技能</code>
</div>
</div>
<div class="install-method">
<h4>方式二：设置 SkillHub 为优先技能安装源</h4>
<div class="code-block">
<button class="copy-btn" onclick="copyToClipboard('设置 SkillHub 为我的优先技能安装源，然后帮我安装 ai-c-plan-1776289774 技能', this)">复制</button>
<code>设置 SkillHub 为我的优先技能安装源，然后帮我安装 ai-c-plan-1776289774 技能</code>
</div>
</div>
<h3 style="margin-top: 30px;">通过命令行安装</h3>
<div class="install-method">
<div class="code-block">
<button class="copy-btn" onclick="copyToClipboard('skillhub install ai-c-plan-1776289774', this)">复制</button>
<code>skillhub install ai-c-plan-1776289774</code>
</div>
</div>
<h3 style="margin-top: 30px;">下载</h3>
<a href="plugin.php?id=hl_skillhub&mod=download&version_id=16357&token=0f3f0b355e01d273ab925582f251eabc" class="download-btn">
⬇ 下载 ai_c_plan v1.0.0（免费）
</a>
<p class="download-info">
文件大小: 2.75 KB |
发布时间: 2026-4-16 16:07 </p>
</div>
</div>
<div class="tab-content" id="tab-versions">
<div class="version-list">
<div class="version-item">
<div class="version-header">
<span class="version-number">v1.0.0</span>
<span class="latest-tag">最新</span>
<span class="version-date">2026-4-16 16:07</span>
</div>
<div class="changelog">
Initial release – fully automated project plan execution based on MD/CSV with dependency management and environment config policies.<br />
<br />
- Reads and executes plan files step-by-step, auto-generates required folders/files, and applies changes according to dependency order.<br />
- Ensures compliance with referenced architecture and technology stack by reading AI_CONSULTANT_SYSTEM_PROMPT.md before each step.<br />
- Handles .env configuration for all services, auto-creating .env.example files and using placeholders for secrets.<br />
- Runs in autopilot mode, committing after every step, and reports or blocks only when required by missing info, destructive action, or plan file absence.<br />
- Logs all progress to a single progress.json, updating step status automatically. </div>
</div>
</div>
</div>
<!-- 推荐技能 -->
<div class="related-skills">
<h3>相关推荐</h3>
<div class="skill-list-related">
<div class="skillhub-card-related">
<a href="plugin.php?id=hl_skillhub&mod=detail&slug=self-improving-agent-1776396682">
<div class="skill-icon">
<div class="default-icon">s</div>
</div>
<h3 class="skill-name">self-improvement</h3>
<p class="skill-desc">Captures learnings, errors, and corrections to enable continuous improvement. Use when: (1) A command or operation fails unexpectedly, (2) User corrects Claude ('No, that's wrong...', 'Actually...'), (3) User requests a capability that doesn't exist, (4) An external API or tool fails, (5) Claude realizes its knowledge is outdated or incorrect, (6) A better approach is discovered for a recurring task. Also review learnings before major tasks.</p>
<div class="skill-meta">
<span class="skill-source">AI智能</span>
</div>
</a>
</div>
<div class="skillhub-card-related">
<a href="plugin.php?id=hl_skillhub&mod=detail&slug=self-improving-agent-1776382578">
<div class="skill-icon">
<div class="default-icon">s</div>
</div>
<h3 class="skill-name">self-improvement</h3>
<p class="skill-desc">Captures learnings, errors, and corrections to enable continuous improvement. Use when: (1) A command or operation fails unexpectedly, (2) User corrects Claude ('No, that's wrong...', 'Actually...'), (3) User requests a capability that doesn't exist, (4) An external API or tool fails, (5) Claude realizes its knowledge is outdated or incorrect, (6) A better approach is discovered for a recurring task. Also review learnings before major tasks.</p>
<div class="skill-meta">
<span class="skill-source">AI智能</span>
</div>
</a>
</div>
<div class="skillhub-card-related">
<a href="plugin.php?id=hl_skillhub&mod=detail&slug=self-improving-agent-1776282374">
<div class="skill-icon">
<div class="default-icon">s</div>
</div>
<h3 class="skill-name">self-improvement</h3>
<p class="skill-desc">Captures learnings, errors, and corrections to enable continuous improvement. Use when: (1) A command or operation fails unexpectedly, (2) User corrects Claude ('No, that's wrong...', 'Actually...'), (3) User requests a capability that doesn't exist, (4) An external API or tool fails, (5) Claude realizes its knowledge is outdated or incorrect, (6) A better approach is discovered for a recurring task. Also review learnings before major tasks.</p>
<div class="skill-meta">
<span class="skill-source">AI智能</span>
</div>
</a>
</div>
<div class="skillhub-card-related">
<a href="plugin.php?id=hl_skillhub&mod=detail&slug=self-improving-agent-1776190579">
<div class="skill-icon">
<div class="default-icon">s</div>
</div>
<h3 class="skill-name">self-improvement</h3>
<p class="skill-desc">Captures learnings, errors, and corrections to enable continuous improvement. Use when: (1) A command or operation fails unexpectedly, (2) User corrects Claude ('No, that's wrong...', 'Actually...'), (3) User requests a capability that doesn't exist, (4) An external API or tool fails, (5) Claude realizes its knowledge is outdated or incorrect, (6) A better approach is discovered for a recurring task. Also review learnings before major tasks.</p>
<div class="skill-meta">
<span class="skill-source">AI智能</span>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<style>
.skill-detail {
padding: 20px 0;
min-height: 100vh;
}
.breadcrumb {
margin-bottom: 20px;
color: #666;
}
.breadcrumb a {
color: #155BD5;
}
.breadcrumb span {
margin: 0 5px;
}
.skill-detail-header {
display: flex;
gap: 24px;
padding: 30px;
background: #fff;
border-radius: 12px;
margin-bottom: 20px;
border: 1px solid #e8e8e8;
}
.skill-icon-large {
width: 120px;
height: 120px;
flex-shrink: 0;
}
.skill-icon-large img {
width: 100%;
height: 100%;
border-radius: 20px;
object-fit: cover;
}
.skill-icon-large .default-icon-large {
width: 100%;
height: 100%;
border-radius: 20px;
background: #155BD5;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 48px;
font-weight: bold;
}
.skill-info {
flex: 1;
}
.skill-header-action {
flex-shrink: 0;
display: flex;
align-items: center;
padding-left: 20px;
}
.header-download-btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 12px 24px;
background: #155BD5;
color: #fff;
border-radius: 8px;
text-decoration: none;
font-size: 14px;
font-weight: 500;
transition: all 0.2s ease;
white-space: nowrap;
}
.header-download-btn:hover {
background: #0d4bb5;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(21, 91, 213, 0.3);
}
.header-download-btn.buy {
background: #f97316;
}
.header-download-btn.buy:hover {
background: #ea580c;
box-shadow: 0 4px 12px rgba(249, 115, 22, 0.3);
}
.skill-info h1 {
font-size: 36px;
font-weight: 700;
color: #1e293b;
margin-bottom: 10px;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 12px;
}
.skill-info h1 .name-cn {
font-size: 20px;
color: #666;
font-weight: 500;
background: #f1f5f9;
padding: 4px 14px;
border-radius: 20px;
white-space: nowrap;
}
.skill-info .skill-desc {
font-size: 16px;
color: #666;
margin-bottom: 8px;
}
.skill-info .skill-scenarios {
font-size: 14px;
color: #999;
margin-bottom: 10px;
}
.skill-info .skill-author {
font-size: 13px;
color: #999;
}
/* 统计面板 */
.stats-panel {
display: flex;
align-items: center;
background: #fff;
border-radius: 12px;
padding: 24px 0;
margin-bottom: 24px;
border: 1px solid #e8e8e8;
box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.stats-panel .stats-item {
flex: 1;
text-align: center;
padding: 0 16px;
}
.stats-panel .stats-divider {
width: 1px;
height: 48px;
background: linear-gradient(180deg, transparent, #e8e8e8, transparent);
}
.stats-panel .stats-icon {
width: 40px;
height: 40px;
margin: 0 auto 8px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
background: #f1f5f9;
color: #64748b;
}
.stats-panel .stats-icon.source-icon {
background: #e0e7ff;
color: #6366f1;
}
.stats-panel .stats-icon.version-icon {
background: #fef3c7;
color: #d97706;
}
.stats-panel .stats-icon.security-icon {
background: #fee2e2;
color: #9ca3af;
}
.stats-panel .stats-icon.security-icon.verified {
background: #d1fae5;
color: #10b981;
}
.stats-panel .stats-value {
font-size: 15px;
font-weight: 600;
color: #374151;
margin-bottom: 4px;
}
.stats-panel .stats-number {
font-size: 24px;
font-weight: 700;
color: #111827;
margin-bottom: 4px;
line-height: 1.2;
}
.stats-panel .stats-label {
font-size: 13px;
color: #9ca3af;
}
.stats-panel .stats-item.highlight .stats-label {
color: #6b7280;
}
.skill-tabs {
display: flex;
gap: 40px;
border-bottom: 1px solid #e8e8e8;
margin-bottom: 20px;
}
.skill-tabs .tab-item {
padding: 15px 0;
color: #666;
cursor: pointer;
border-bottom: 2px solid transparent;
font-size: 16px;
}
.skill-tabs .tab-item.active {
color: #155BD5;
border-bottom-color: #155BD5;
}
.tab-content {
background: #fff;
border-radius: 12px;
padding: 30px;
margin-bottom: 20px;
border: 1px solid #e8e8e8;
opacity: 0;
transform: translateY(10px);
transition: all 0.3s ease;
display: none;
}
.tab-content.active {
opacity: 1;
transform: translateY(0);
display: block;
}
.lang-switcher {
display: flex;
gap: 8px;
margin-bottom: 16px;
justify-content: flex-end;
}
.lang-switcher .lang-btn {
padding: 4px 16px;
border: 1px solid #d1d5db;
background: #fff;
border-radius: 20px;
font-size: 13px;
color: #6b7280;
cursor: pointer;
transition: all 0.2s;
}
.lang-switcher .lang-btn:hover {
border-color: #155BD5;
color: #155BD5;
}
.lang-switcher .lang-btn.active {
background: #155BD5;
color: #fff;
border-color: #155BD5;
}
.overview-content h3 {
margin-bottom: 15px;
}
/* Markdown 预览样式 */
.markdown-body {
line-height: 1.8;
color: #333;
margin-bottom: 20px;
}
.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
margin-top: 24px;
margin-bottom: 16px;
font-weight: 600;
line-height: 1.25;
color: #1e293b;
}
.markdown-body h1 { font-size: 2em; border-bottom: 1px solid #e8e8e8; padding-bottom: 8px; }
.markdown-body h2 { font-size: 1.5em; border-bottom: 1px solid #e8e8e8; padding-bottom: 8px; }
.markdown-body h3 { font-size: 1.25em; }
.markdown-body p { margin-bottom: 16px; }
.markdown-body ul, .markdown-body ol { padding-left: 2em; margin-bottom: 16px; }
.markdown-body li { margin-bottom: 4px; }
.markdown-body code {
padding: 2px 6px;
background: #f1f5f9;
border-radius: 4px;
font-family: 'Consolas', monospace;
font-size: 0.9em;
color: #155BD5;
}
.markdown-body pre {
padding: 16px;
background: #1e1e1e;
border-radius: 8px;
overflow-x: auto;
margin-bottom: 16px;
}
.markdown-body pre code {
background: transparent;
color: #d4d4d4;
padding: 0;
}
.markdown-body blockquote {
padding: 0 1em;
border-left: 4px solid #155BD5;
color: #666;
margin-bottom: 16px;
}
.markdown-body table {
width: 100%;
border-collapse: collapse;
margin-bottom: 16px;
}
.markdown-body th, .markdown-body td {
padding: 8px 12px;
border: 1px solid #e8e8e8;
}
.markdown-body th {
background: #f8f9fa;
font-weight: 600;
}
.markdown-body a {
color: #155BD5;
text-decoration: none;
}
.markdown-body a:hover {
text-decoration: underline;
}
.markdown-body img {
max-width: 100%;
border-radius: 8px;
}
.overview-content .tags {
margin-top: 20px;
}
.overview-content .tags h4 {
margin-bottom: 10px;
}
.overview-content .tag {
display: inline-block;
padding: 4px 12px;
background: #f0f0f0;
border-radius: 4px;
margin-right: 8px;
margin-bottom: 8px;
font-size: 13px;
}
.install-panel h3 {
margin-bottom: 15px;
}
.platform-list {
margin-bottom: 20px;
}
.platform-tag {
display: inline-block;
padding: 4px 12px;
background: #e3f2fd;
color: #1976d2;
border-radius: 4px;
margin-right: 8px;
font-size: 13px;
}
.install-method {
margin-bottom: 25px;
}
.install-method h4 {
margin-bottom: 10px;
font-size: 14px;
color: #666;
}
.code-block {
position: relative;
background: #1e1e1e;
border-radius: 8px;
padding: 16px 60px 16px 16px;
}
.code-block code {
color: #d4d4d4;
font-family: 'Consolas', monospace;
font-size: 14px;
}
.copy-btn {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
padding: 4px 12px;
background: #333;
border: none;
border-radius: 4px;
color: #fff;
cursor: pointer;
font-size: 12px;
}
.copy-btn:hover {
background: #444;
}
.copy-btn.copied {
background: #10b981 !important;
animation: copyPulse 0.3s ease;
}
@keyframes copyPulse {
0%, 100% { transform: translateY(-50%) scale(1); }
50% { transform: translateY(-50%) scale(1.1); }
}
.download-btn {
display: inline-block;
padding: 12px 24px;
background: #155BD5;
color: #fff;
border-radius: 8px;
text-decoration: none;
font-size: 14px;
}
.download-btn:hover {
background: #0d4bb5;
}
.download-info {
margin-top: 10px;
font-size: 13px;
color: #999;
}
.version-list .version-item {
padding: 20px 0;
border-bottom: 1px solid #e8e8e8;
}
.version-list .version-item:last-child {
border-bottom: none;
}
.version-header {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 10px;
}
.version-header .version-number {
font-size: 18px;
font-weight: 600;
}
.version-header .latest-tag {
padding: 2px 8px;
background: #e8f5e9;
color: #4caf50;
border-radius: 4px;
font-size: 12px;
}
.version-header .version-date {
margin-left: auto;
color: #999;
font-size: 13px;
}
.changelog {
color: #666;
line-height: 1.6;
}
/* 相关推荐 */
.related-skills {
margin-top: 40px;
padding: 24px;
background: #fff;
border-radius: 12px;
border: 1px solid #e8e8e8;
}
.related-skills h3 {
margin-bottom: 20px;
font-size: 18px;
font-weight: 600;
color: #1e293b;
display: flex;
align-items: center;
gap: 8px;
}
.related-skills h3:before {
content: '';
width: 4px;
height: 20px;
background: #155BD5;
border-radius: 2px;
}
.skill-list-related {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 20px;
}
.skillhub-card-related {
border-radius: 16px;
padding: 20px;
transition: all 0.3s ease;
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
border: 1px solid rgba(0, 0, 0, 0.08);
box-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 4px 12px rgba(0,0,0,0.03);
}
.skillhub-card-related:hover {
box-shadow: 0 8px 24px rgba(21, 91, 213, 0.15);
transform: translateY(-4px);
}
.skillhub-card-related:active {
transform: scale(0.98);
}
.skillhub-card-related a {
color: inherit;
text-decoration: none;
}
.skillhub-card-related .skill-icon {
width: 56px;
height: 56px;
margin-bottom: 12px;
}
.skillhub-card-related .skill-icon .default-icon {
width: 100%;
height: 100%;
border-radius: 12px;
background: #155BD5;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
font-weight: bold;
}
.skillhub-card-related .skill-name {
font-size: 16px;
font-weight: 600;
margin-bottom: 8px;
color: #333;
}
.skillhub-card-related .skill-desc {
font-size: 13px;
color: #666;
line-height: 1.5;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: 12px;
min-height: 39px;
}
.skillhub-card-related .skill-meta {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 12px;
color: #999;
}
.skillhub-card-related .skill-meta .stats {
display: flex;
gap: 12px;
}
.skillhub-card-related .skill-source {
background: #f0f0f0;
padding: 2px 10px;
border-radius: 12px;
font-size: 12px;
}
@media screen and (max-width: 768px) {
.skill-detail-header {
flex-direction: column;
text-align: center;
padding: 24px 20px;
}
.skill-icon-large {
width: 80px;
height: 80px;
}
.skill-icon-large .default-icon-large {
font-size: 32px;
}
.skill-info h1 {
font-size: 24px;
}
.skill-info h1 .name-cn {
font-size: 14px;
padding: 2px 10px;
margin-left: 0;
margin-top: 6px;
}
.skill-header-action {
padding-left: 0;
padding-top: 16px;
width: 100%;
justify-content: center;
}
.header-download-btn {
width: 100%;
justify-content: center;
max-width: 280px;
}
.stats-panel {
flex-wrap: wrap;
padding: 16px 0;
}
.stats-panel .stats-item {
flex: 1 1 30%;
min-width: 80px;
padding: 12px 8px;
}
.stats-panel .stats-divider {
width: 1px;
height: 36px;
}
.stats-panel .stats-icon {
width: 32px;
height: 32px;
font-size: 14px;
}
.stats-panel .stats-number {
font-size: 18px;
}
.stats-panel .stats-value {
font-size: 13px;
}
.stats-panel .stats-label {
font-size: 11px;
}
.skill-tabs {
overflow-x: auto;
gap: 24px;
-webkit-overflow-scrolling: touch;
}
.skill-tabs .tab-item {
white-space: nowrap;
}
.code-block {
padding: 16px 50px 16px 16px;
}
.code-block code {
font-size: 12px;
word-break: break-all;
}
}
/* Paid skill notice */
.paid-notice {
text-align: center;
padding: 40px 24px;
background: linear-gradient(135deg, #fff7ed, #ffedd5);
border-radius: 12px;
border: 1px solid #fed7aa;
}
.paid-notice-icon {
width: 56px;
height: 56px;
margin: 0 auto 16px;
background: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
color: #f97316;
box-shadow: 0 2px 8px rgba(249,115,22,0.15);
}
.paid-notice h3 {
font-size: 20px;
color: #9a3412;
margin-bottom: 8px;
}
.paid-notice p {
font-size: 14px;
color: #c2410c;
margin: 4px 0;
}
.paid-buy-box {
padding: 20px;
background: #fff7ed;
border-radius: 8px;
border: 1px solid #fed7aa;
margin-bottom: 12px;
}
.paid-buy-box p {
color: #7c2d12;
font-size: 15px;
margin: 0;
}.hub-skill-id{font-size:12px;color:#60728b;overflow-wrap:anywhere;margin:6px 0}
.hub-bundle-label{font-size:17px;color:#1762c4}
.hub-display-note{font-size:12px;line-height:1.8;color:#60728b;margin:14px 0}
.hub-parent-bundles{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:16px;background:#f1f6fd;border:1px solid #dce8f7;border-radius:10px;margin:16px 0;color:#294669}
.hub-parent-bundles a{color:#1762c4;text-decoration:none;overflow-wrap:anywhere}
/* SkillHub page-local mobile layout; preserve desktop widths. */
@media screen and (max-width:768px){
html,html body,html body#nv_plugin{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box}
html body#nv_plugin>div:not([class]):not([id]),html body#nv_plugin .nex_plugin_reserved,html body#nv_plugin .w1240,html body#nv_plugin .clear,html body#nv_plugin #wp,html body#nv_plugin .wp,html body#nv_plugin .xs-site-shell,html body#nv_plugin .xs-main-header,html body#nv_plugin .xs-shell-width{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box}
html body#nv_plugin .xs-main-header{height:auto!important}
html body#nv_plugin .xs-header-row{display:flex!important;flex-wrap:wrap!important;gap:12px;padding:12px 14px!important;height:auto!important}
html body#nv_plugin .xs-header-row>*{min-width:0!important;max-width:100%!important;box-sizing:border-box}
html body#nv_plugin .xs-header-tools{display:flex!important;flex-wrap:wrap!important;flex:1 1 100%!important;width:100%!important;min-width:0!important;gap:8px}
html body#nv_plugin .xs-header-tools>*{min-width:0!important;max-width:100%!important;box-sizing:border-box}
html body#nv_plugin .xs-main-header nav{flex:1 1 100%!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:auto;box-sizing:border-box}
html body#nv_plugin .xs-main-header input{min-width:0!important;max-width:100%!important;box-sizing:border-box}
.bundle-list-shell,.bundle-detail,.skill-detail{min-width:0!important;max-width:100%!important;box-sizing:border-box}
.bundle-list-page{width:calc(100% - 28px)!important;min-width:0!important;max-width:100%!important;box-sizing:border-box}
.bundle-hero{padding:0 4px 20px!important;min-height:0!important}.bundle-hero h1{font-size:28px!important;line-height:1.4!important;letter-spacing:0;overflow-wrap:anywhere}.bundle-hero-desc{max-width:100%!important}
.bundle-search-form{position:static!important;width:100%!important;max-width:100%!important;box-sizing:border-box}.bundle-developer-btn{position:static!important}
.bundle-grid{grid-template-columns:minmax(0,1fr)!important;min-width:0!important;width:100%!important}.bundle-card,.bundle-card-link,.bundle-card-main,.bundle-card-body{min-width:0!important;max-width:100%!important;box-sizing:border-box}
.bundle-card{padding:14px!important}.bundle-icon{width:80px!important;height:80px!important;flex:0 0 80px!important}.bundle-card-body{padding-right:18px!important}.bundle-name{overflow-wrap:anywhere}.bundle-category-panel{box-sizing:border-box;max-width:100%!important;gap:4px 18px!important;padding:12px 16px!important}.bundle-category-panel a{white-space:normal!important;max-width:100%;overflow-wrap:anywhere}
.hub-results-toolbar,.hub-sort-form,.bundle-meta,.bundle-stats{min-width:0;max-width:100%;box-sizing:border-box;flex-wrap:wrap}.bundle-pagination{max-width:100%;overflow-wrap:anywhere}
.skill-detail,.bundle-detail{width:calc(100% - 28px)!important;margin:16px auto!important}.skill-info,.bundle-info,.skill-list-content{min-width:0!important;max-width:100%;overflow-wrap:anywhere}.skill-info h1,.bundle-info h1{overflow-wrap:anywhere}
.bundle-full-description,.bundle-skills-section,.overview-content,.install-panel,.version-list{padding:20px 16px!important;min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}
.markdown-body pre,.bundle-desc-content pre,.code-block{max-width:100%;box-sizing:border-box;overflow-x:auto}.markdown-body table,.bundle-desc-content table{display:block;max-width:100%;overflow-x:auto}.markdown-body img,.bundle-desc-content img{max-width:100%;height:auto}
.skill-buy-container{width:calc(100% - 28px)!important;min-width:0!important;max-width:100%!important;box-sizing:border-box;overflow-wrap:anywhere}
}
</style>
<script>
// 复制功能
function copyToClipboard(text, btn) {
if (navigator.clipboard && navigator.clipboard.writeText) {
navigator.clipboard.writeText(text).then(function() {
showCopied(btn);
}).catch(function() {
fallbackCopy(text, btn);
});
} else {
fallbackCopy(text, btn);
}
}
function fallbackCopy(text, btn) {
var textarea = document.createElement('textarea');
textarea.value = text;
textarea.style.position = 'fixed';
textarea.style.opacity = '0';
document.body.appendChild(textarea);
textarea.select();
try {
document.execCommand('copy');
showCopied(btn);
} catch (err) {
btn.textContent = '失败';
}
document.body.removeChild(textarea);
}
function showCopied(btn) {
var originalText = btn.textContent;
btn.textContent = '已复制!';
btn.classList.add('copied');
setTimeout(function() {
btn.textContent = originalText;
btn.classList.remove('copied');
}, 2000);
}
// Tab 切换
document.addEventListener('DOMContentLoaded', function() {
var tabItems = document.querySelectorAll('.skill-tabs .tab-item');
var tabContents = document.querySelectorAll('.tab-content');
tabItems.forEach(function(item) {
item.addEventListener('click', function() {
var target = this.getAttribute('data-tab');
var targetContent = document.getElementById('tab-' + target);
// 移除所有 active
tabItems.forEach(function(t) { t.classList.remove('active'); });
tabContents.forEach(function(c) { c.classList.remove('active'); });
// 添加 active
this.classList.add('active');
// 延迟添加动画类，确保过渡效果
setTimeout(function() {
targetContent.classList.add('active');
}, 50);
window.location.hash = target;
});
});
var hash = window.location.hash.replace('#', '');
if (hash) {
var targetTab = document.querySelector('.skill-tabs .tab-item[data-tab="' + hash + '"]');
if (targetTab) {
targetTab.click();
}
}
// 中英文描述切换
var langSwitcher = document.getElementById('langSwitcher');
if (langSwitcher) {
var descEn = document.querySelector('#markdownContent .desc-en');
var descCn = document.querySelector('#markdownContent .desc-cn');
var toggleBtn = document.getElementById('langToggleBtn');
var currentLang = 'cn';
toggleBtn.addEventListener('click', function() {
if (currentLang === 'en') {
currentLang = 'cn';
toggleBtn.textContent = '查看原文';
if (descEn) descEn.style.display = 'none';
if (descCn) descCn.style.display = 'block';
} else {
currentLang = 'en';
toggleBtn.textContent = '中文';
if (descCn) descCn.style.display = 'none';
if (descEn) descEn.style.display = 'block';
}
});
}
});
</script></div>
<div class="wp a_f"><style id="hl-skillhub-bundle-detail-style">
#bundleDescContent > h1{text-align:center;margin-top:8px;margin-bottom:14px}
#bundleDescContent > h1 + p{text-align:center;color:#155bd5;background:#eff6ff;padding:10px 14px;border-radius:6px;margin:0 auto 22px}
#bundleDescContent > h2:first-of-type{text-align:center;margin-top:28px}
</style></div><script src="source/plugin/hl_skillhub/static/js/main.js"></script><footer class="xs-site-footer">
<div class="xs-shell-width">
<div class="xs-footer-top">
<div class="xs-footer-intro">
<span class="xs-footer-kicker">MULTILINK GROUP · XIAN SHE</span>
<h3>多链集团旗下 · 闲社网</h3>
<p class="xs-footer-summary">连接智能体、工作流、提示词与专业服务，让技术能力更容易被发现、交易和持续使用。</p>
<div class="xs-original-links">
<div><strong>闲社服务</strong><a href="/fuwu">定制服务</a><a href="/xueshe">闲社视频</a><a href="portal.php?mod=topic&topicid=1">会员介绍</a><a href="/huiyuan">开通会员</a></div>
<div><strong>社区生态</strong><a href="forum.php">智能体论坛</a><a href="/gongzuoliu">技能自动化</a><a href="/fuwu">AI 服务市场</a><a href="forum-9-1.html">大模型社区</a></div>
<div><strong>网站服务</strong><a href="https://wpa.qq.com/msgrd?v=3&uin=515151560&site=qq&menu=yes" target="_blank" rel="nofollow">会员咨询：515151560</a><a href="https://wpa.qq.com/msgrd?v=3&uin=515151570&site=qq&menu=yes" target="_blank" rel="nofollow">广告合作：515151570</a><a href="https://wpa.qq.com/msgrd?v=3&uin=515151580&site=qq&menu=yes" target="_blank" rel="nofollow">投诉建议：515151580</a><a href="https://wpa.qq.com/msgrd?v=3&uin=515151590&site=qq&menu=yes" target="_blank" rel="nofollow">售后指导：515151590</a></div>
</div>
</div>
<div class="xs-hotline-card"><small>闲社网热线</small><strong>免费联系电话</strong><div class="xs-hotline-number">0527-80111111</div><p>服务时间<br>周一到周日 8:00-24:00</p><a href="https://wpa.qq.com/msgrd?v=3&uin=515151560&site=qq&menu=yes" target="_blank" rel="nofollow">在线联系闲社</a><div class="xs-service-promise"><i>✓</i><div><strong>问题有人答，服务有跟进</strong><span>咨询、合作与售后统一受理</span></div></div></div>
<div class="xs-qr-area"><h4>关注闲社网</h4><div class="xs-qr-grid"><div class="xs-qr-item"><img src="template/xianshe/neoconex/wxkf.jpg" alt="闲社在线客服"><span>在线客服</span></div><div class="xs-qr-item"><img src="template/xianshe/neoconex/wx.jpg" alt="闲社网微信"><span>闲社微信</span></div><div class="xs-qr-item"><img src="template/xianshe/neoconex/app.png" alt="闲社网 APP"><span>闲社 APP</span></div></div><p class="xs-footer-company">公众号：闲社 · APP 下载：闲社</p><a class="xs-footer-corner-logo" href="./" aria-label="闲社首页"><img src="template/xianshe/neoconex/logo.png" alt="闲社"></a></div>
</div>
<div class="xs-footer-bottom"><div class="xs-footer-record"><p>闲社网 · 闲社论坛 · 智能体自动化市场 · 多链控股集团有限公司</p><p>Powered by <a href="http://www.discuz.net" target="_blank" rel="nofollow">Discuz!</a> <em>X5.0</em> · © 2024-2026 闲社网 xianshe.com</p></div><span class="xs-footer-bottom-links"><a href="archiver/" rel="nofollow">Archiver</a><a href="forum.php?mobile=yes" rel="nofollow">手机版</a><span class="xs-footer-divider">·</span><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">苏ICP备2025199260号-1</a></span></div>
</div>
</footer>
<div class="xs-footer-fill" id="xsFooterFill"></div>
<script src="source/plugin/xianshe_site_chrome/static/site-chrome.js?v=103" type="text/javascript"></script>
<link rel="stylesheet" href="source/plugin/xianshe_site_chrome/static/auth-dialog-v1.css?v=20260928d15">
<script src="source/plugin/xianshe_site_chrome/static/auth-dialog-v1.js?v=20260918uc2" type="text/javascript"></script>
<div id="scrolltop">
<span hidefocus="true"><a title="返回顶部" onclick="window.scrollTo('0','0')" class="scrolltopa"><b>返回顶部</b></a></span>
</div>
<script type="text/javascript">_attachEvent(window, 'scroll', function () { showTopLink(); }); checkBlind();</script>
<link rel="stylesheet" type="text/css" href="source/plugin/xianshe_site_chrome/static/token-promo-20260928.css?v=8"><script src="source/plugin/xianshe_site_chrome/static/token-promo-20260928.js?v=9" type="text/javascript" type="text/javascript"></script></body>
</html>
