@templmf/temp-solf-lmf 0.0.55 → 0.0.57

package/guanwang/src/views/MarketView.vue

@@ -1,143 +0,0 @@
-<template>
-  <div class="dot-grid" style="min-height: 100vh; position: relative;">
-    <div class="glow-orb" style="width: 288px; height: 288px; background: rgba(26,111,196,0.15); top: 40px; right: 40px;" />
-    <div style="max-width: 1280px; margin: 0 auto; padding: 48px 24px;">
-
-      <div style="margin-bottom: 36px;">
-        <span class="tag" style="margin-bottom: 10px; display: inline-block;">组件市场</span>
-        <h1 class="section-title" style="margin-bottom: 10px;">官方组件市场</h1>
-        <p style="color: var(--text-secondary); font-family: Inter, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;">经过验证的脚手架模板、UI 组件库与 CLI 工具，开箱即用</p>
-      </div>
-
-      <!-- Filters -->
-      <div style="display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 20px; align-items: center;">
-        <el-input
-          v-model="search"
-          placeholder="搜索组件..."
-          style="flex: 1; min-width: 200px; max-width: 380px;"
-          clearable
-        >
-          <template #prefix><Search :size="14" style="color: var(--text-muted);" /></template>
-        </el-input>
-
-        <el-select v-model="sort" style="width: 140px;">
-          <el-option label="最多下载" value="downloads" />
-          <el-option label="最高评分" value="rating" />
-          <el-option label="最新发布" value="newest" />
-        </el-select>
-
-        <div style="display: flex; gap: 6px; flex-wrap: wrap;">
-          <el-button
-            v-for="fw in FRAMEWORKS"
-            :key="fw"
-            :type="activeFw === fw ? 'primary' : 'default'"
-            size="small"
-            round
-            class="font-mono"
-            @click="activeFw = activeFw === fw ? '' : fw"
-          >{{ fw }}</el-button>
-        </div>
-      </div>
-
-      <!-- Tabs -->
-      <el-tabs v-model="activeTab" style="margin-bottom: 20px;">
-        <el-tab-pane
-          v-for="tab in TABS"
-          :key="tab.value"
-          :name="tab.value"
-        >
-          <template #label>
-            {{ tab.label }}&nbsp;<span class="font-mono" style="font-size: 11px; opacity: 0.6;">{{ tab.count }}</span>
-          </template>
-        </el-tab-pane>
-      </el-tabs>
-
-      <!-- Grid -->
-      <div v-if="filtered.length > 0" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 18px;">
-        <div v-for="pkg in filtered" :key="pkg.name" class="card">
-          <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 10px;">
-            <div>
-              <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 6px;">
-                <div style="width: 32px; height: 32px; border-radius: 8px; background: var(--tag-bg); border: 1px solid var(--tag-border); display: flex; align-items: center; justify-content: center; flex-shrink: 0;">
-                  <component :is="pkg.Icon" :size="16" color="var(--brand-400)" :stroke-width="1.75" />
-                </div>
-                <h3 class="font-display" style="font-weight: 600; color: var(--text-primary); font-size: 14px;">{{ pkg.name }}</h3>
-              </div>
-              <div style="display: flex; flex-wrap: wrap; gap: 5px;">
-                <el-tag v-for="t in pkg.tags" :key="t" size="small" style="font-size: 10px;">{{ t }}</el-tag>
-              </div>
-            </div>
-            <div style="text-align: right; flex-shrink: 0;">
-              <div class="font-mono" style="font-size: 11px; color: #f59e0b;">★ {{ pkg.rating }}</div>
-              <div class="font-mono" style="font-size: 11px; color: var(--text-muted); margin-top: 1px;">{{ pkg.downloads }}</div>
-            </div>
-          </div>
-          <p style="color: var(--text-secondary); font-size: 13px; line-height: 1.6; margin-bottom: 14px; font-family: Inter, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;">{{ pkg.desc }}</p>
-          <div class="code-block" style="display: flex; align-items: center; justify-content: space-between; gap: 8px;">
-            <span style="font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">{{ pkg.install }}</span>
-            <el-tooltip :content="copied === pkg.name ? '已复制！' : '复制安装命令'" placement="top">
-              <el-button text circle size="small" @click="copyInstall(pkg.install, pkg.name)">
-                <Check v-if="copied === pkg.name" :size="14" color="#4ade80" />
-                <Copy  v-else                     :size="14" color="var(--text-muted)" />
-              </el-button>
-            </el-tooltip>
-          </div>
-        </div>
-      </div>
-
-      <!-- Empty -->
-      <el-empty v-else description="没有找到匹配的组件，换个关键词试试？" style="padding: 80px 0;" />
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { ref, computed } from 'vue'
-import { Rocket, Package, FileText, Zap, BarChart2, Settings2, Upload, RefreshCw, Search, Copy, Check } from 'lucide-vue-next'
-
-const PACKAGES = [
-  { name: 'create-citic-app',    Icon: Rocket,    category: 'scaffold', tags: ['脚手架','Vue','TypeScript'], rating: '4.9', downloads: '45.2k', desc: '企业级 Vue 3 项目脚手架，内置 Pinia、Router、Tailwind、ESLint、单元测试配置', install: 'npx create-citic-app my-app', fw: 'Vue' },
-  { name: 'DTable',             Icon: Package,   category: 'ui',       tags: ['UI','Vue','TypeScript'],    rating: '4.8', downloads: '32.1k', desc: '高性能企业级数据表格，支持虚拟滚动、多级表头、自定义列渲染、服务端分页',     install: 'npm install @citic/d-table', fw: 'Vue' },
-  { name: 'DForm',              Icon: FileText,  category: 'ui',       tags: ['UI','Vue','表单'],          rating: '4.7', downloads: '28.6k', desc: '基于 JSON Schema 的动态表单引擎，支持联动、校验、布局配置，零代码生成表单', install: 'npm install @citic/d-form', fw: 'Vue' },
-  { name: 'citic-cli',           Icon: Zap,       category: 'cli',      tags: ['CLI','通用'],               rating: '4.8', downloads: '19.4k', desc: 'DaaS 官方命令行工具，支持项目初始化、组件发布、Skills 管理、流水线触发',     install: 'npm install -g @citic/cli', fw: '通用' },
-  { name: 'react-citic-kit',     Icon: Rocket,    category: 'scaffold', tags: ['脚手架','React','TypeScript'], rating: '4.7', downloads: '18.2k', desc: 'React 18 + TypeScript 项目模板，内置 Zustand、React Query、shadcn/ui', install: 'npx create-citic-app --template react', fw: 'React' },
-  { name: 'DChart',             Icon: BarChart2, category: 'ui',       tags: ['UI','Vue','图表'],          rating: '4.6', downloads: '15.3k', desc: '基于 ECharts 的 Vue 3 图表组件库，30+ 图表类型，支持主题定制与响应式',     install: 'npm install @citic/d-chart', fw: 'Vue' },
-  { name: 'eslint-config-citic', Icon: Settings2, category: 'config',   tags: ['配置','通用','ESLint'],     rating: '4.9', downloads: '41.0k', desc: '企业级 ESLint 配置，支持 Vue、React、TypeScript，内置 Prettier 集成',      install: 'npm install -D eslint-config-citic', fw: '通用' },
-  { name: 'DUpload',            Icon: Upload,    category: 'ui',       tags: ['UI','Vue','文件'],          rating: '4.5', downloads: '12.8k', desc: '文件上传组件，支持拖拽、分片、断点续传、进度显示，兼容主流云存储',           install: 'npm install @citic/d-upload', fw: 'Vue' },
-  { name: 'citic-pipeline-sdk',  Icon: RefreshCw, category: 'cli',      tags: ['SDK','通用','CI/CD'],       rating: '4.7', downloads: '8.9k',  desc: '流水线对接 SDK，支持 Jenkins、GitLab CI、GitHub Actions 数据读取与触发',   install: 'npm install @citic/pipeline-sdk', fw: '通用' },
-]
-
-const TABS = [
-  { label: '全部',      value: 'all',      count: 24 },
-  { label: '脚手架模板', value: 'scaffold', count: 6 },
-  { label: 'UI 组件库', value: 'ui',       count: 12 },
-  { label: 'CLI 工具',  value: 'cli',      count: 4 },
-  { label: '配置模板',  value: 'config',   count: 2 },
-]
-const FRAMEWORKS = ['Vue', 'React', 'TypeScript', '通用']
-
-const search    = ref('')
-const sort      = ref('downloads')
-const activeTab = ref('all')
-const activeFw  = ref('')
-const copied    = ref('')
-
-const filtered = computed(() => {
-  let list = [...PACKAGES]
-  if (activeTab.value !== 'all') list = list.filter(p => p.category === activeTab.value)
-  if (activeFw.value) list = list.filter(p => p.fw === activeFw.value || p.fw === '通用')
-  if (search.value) {
-    const q = search.value.toLowerCase()
-    list = list.filter(p => p.name.toLowerCase().includes(q) || p.desc.toLowerCase().includes(q))
-  }
-  if (sort.value === 'downloads') list.sort((a, b) => parseFloat(b.downloads) - parseFloat(a.downloads))
-  if (sort.value === 'rating')    list.sort((a, b) => parseFloat(b.rating)    - parseFloat(a.rating))
-  return list
-})
-
-function copyInstall(text, name) {
-  navigator.clipboard?.writeText(text).catch(() => {})
-  copied.value = name
-  setTimeout(() => { copied.value = '' }, 2000)
-}
-</script>

package/guanwang/src/views/PracticesView.vue

@@ -1,190 +0,0 @@
-<template>
-  <div class="dot-grid" style="min-height: 100vh; position: relative;">
-    <div class="glow-orb" style="width: 288px; height: 288px; background: rgba(26,111,196,0.12); top: 80px; right: 80px;" />
-    <div style="max-width: 1152px; margin: 0 auto; padding: 48px 24px;">
-
-      <div style="margin-bottom: 36px;">
-        <span class="tag" style="margin-bottom: 10px; display: inline-block;">最佳实践</span>
-        <h1 class="section-title" style="margin-bottom: 10px;">研发工作流规范指南</h1>
-        <p style="color: var(--text-secondary); font-family: Inter, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;">从 CI/CD 集成到组件开发规范，帮助团队建立高效研发流程</p>
-      </div>
-
-      <!-- Category pills -->
-      <div style="display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px;">
-        <button
-          v-for="cat in CATEGORIES"
-          :key="cat.value"
-          :style="{
-            display: 'flex', alignItems: 'center', gap: '7px',
-            padding: '7px 14px', borderRadius: '10px', fontSize: '13px',
-            fontFamily: '\'DM Sans\', sans-serif', cursor: 'pointer', transition: 'all 0.15s',
-            border: `1px solid ${activeCategory === cat.value ? 'rgba(26,111,196,0.4)' : 'var(--border-subtle)'}`,
-            background: activeCategory === cat.value ? 'var(--tag-bg)' : 'transparent',
-            color: activeCategory === cat.value ? 'var(--text-primary)' : 'var(--text-secondary)',
-          }"
-          @click="activeCategory = activeCategory === cat.value ? 'all' : cat.value"
-        >
-          <component :is="cat.Icon" :size="14" :stroke-width="1.75" /> {{ cat.label }}
-        </button>
-      </div>
-
-      <!-- Two-column layout -->
-      <div :style="{ display: 'grid', gridTemplateColumns: isNarrow ? '1fr' : '1fr 2fr', gap: '20px' }">
-
-        <!-- Article list -->
-        <div style="display: flex; flex-direction: column; gap: 6px;">
-          <div
-            v-for="article in filtered"
-            :key="article.id"
-            class="glass article-item"
-            :style="{
-              borderRadius: '10px', padding: '14px', cursor: 'pointer', transition: 'all 0.15s',
-              border: `1px solid ${activeArticle?.id === article.id ? 'rgba(26,111,196,0.4)' : 'var(--border-subtle)'}`,
-              background: activeArticle?.id === article.id ? 'var(--tag-bg)' : undefined,
-            }"
-            @click="activeArticle = article"
-          >
-            <div style="display: flex; gap: 10px;">
-              <div style="width: 32px; height: 32px; border-radius: 8px; background: var(--bg-secondary); border: 1px solid var(--border-subtle); display: flex; align-items: center; justify-content: center; flex-shrink: 0;">
-                <component :is="article.CatIcon" :size="15" color="var(--brand-400)" :stroke-width="1.75" />
-              </div>
-              <div>
-                <div style="display: flex; gap: 6px; margin-bottom: 5px; flex-wrap: wrap;">
-                  <span class="tag" style="font-size: 10px;">{{ article.category }}</span>
-                  <span
-                    class="font-mono"
-                    :style="{
-                      fontSize: '10px', padding: '2px 7px', borderRadius: '999px',
-                      color: article.level === '入门' ? '#16a34a' : '#c2410c',
-                      background: article.level === '入门' ? 'rgba(74,222,128,0.1)' : 'rgba(251,146,60,0.1)',
-                    }"
-                  >{{ article.level }}</span>
-                </div>
-                <h3 class="font-display" style="font-weight: 600; color: var(--text-primary); font-size: 13px; line-height: 1.4;">{{ article.title }}</h3>
-                <p class="font-mono" style="font-size: 10px; color: var(--text-muted); margin-top: 3px;">阅读 {{ article.readTime }}</p>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <!-- Article reader -->
-        <div>
-          <div v-if="activeArticle" class="glass" style="border-radius: 12px; padding: 28px;">
-            <div style="display: flex; gap: 14px; margin-bottom: 22px; padding-bottom: 22px; border-bottom: 1px solid var(--border-subtle);">
-              <div style="width: 48px; height: 48px; border-radius: 12px; background: var(--tag-bg); border: 1px solid var(--tag-border); display: flex; align-items: center; justify-content: center; flex-shrink: 0;">
-                <component :is="activeArticle.CatIcon" :size="22" color="var(--brand-400)" :stroke-width="1.5" />
-              </div>
-              <div>
-                <div style="display: flex; gap: 7px; margin-bottom: 7px; flex-wrap: wrap;">
-                  <span class="tag" style="font-size: 11px;">{{ activeArticle.category }}</span>
-                  <span
-                    class="font-mono"
-                    :style="{
-                      fontSize: '11px', padding: '2px 9px', borderRadius: '999px',
-                      border: `1px solid ${activeArticle.level === '入门' ? 'rgba(74,222,128,0.2)' : 'rgba(251,146,60,0.2)'}`,
-                      color: activeArticle.level === '入门' ? '#16a34a' : '#c2410c',
-                      background: activeArticle.level === '入门' ? 'rgba(74,222,128,0.1)' : 'rgba(251,146,60,0.1)',
-                    }"
-                  >{{ activeArticle.level }}</span>
-                </div>
-                <h2 class="font-display" style="font-weight: 700; color: var(--text-primary); font-size: 19px; margin-bottom: 4px;">{{ activeArticle.title }}</h2>
-                <p class="font-mono" style="font-size: 12px; color: var(--text-muted);">预计阅读 {{ activeArticle.readTime }}</p>
-              </div>
-            </div>
-
-            <div style="display: flex; flex-direction: column; gap: 20px;">
-              <div v-for="section in activeArticle.sections" :key="section.title">
-                <h3 class="font-display" style="font-weight: 600; color: var(--text-primary); font-size: 14px; margin-bottom: 9px; display: flex; align-items: center; gap: 8px;">
-                  <span style="width: 3px; height: 14px; background: var(--brand-500); border-radius: 2px; display: inline-block; flex-shrink: 0;" />
-                  {{ section.title }}
-                </h3>
-                <p style="color: var(--text-secondary); font-size: 14px; line-height: 1.7; font-family: Inter, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;" :style="{ marginBottom: section.code ? '10px' : '0' }">{{ section.content }}</p>
-                <div v-if="section.code" class="code-block"><pre>{{ section.code }}</pre></div>
-              </div>
-            </div>
-
-            <div style="margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--border-subtle); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px;">
-              <p style="font-size: 13px; color: var(--text-secondary); font-family: Inter, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;">想快速实践这篇指南？</p>
-              <button class="btn-primary" style="font-size: 13px;" @click="router.push('/chat')">
-                <MessageSquare :size="14" /> 在对话框中尝试
-              </button>
-            </div>
-          </div>
-
-          <div v-else class="glass" style="border-radius: 12px; padding: 48px; text-align: center; color: var(--text-muted);">
-            <LayoutList :size="38" style="margin: 0 auto 12px; display: block; opacity: 0.4;" />
-            <p style="font-family: Inter, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;">从左侧选择一篇文章开始阅读</p>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { ref, computed } from 'vue'
-import { useRouter } from 'vue-router'
-import { LayoutList, RefreshCw, Package, Wrench, Bot, MessageSquare } from 'lucide-vue-next'
-
-const router = useRouter()
-
-const CATEGORIES = [
-  { value: 'all',       label: '全部',        Icon: LayoutList },
-  { value: 'cicd',      label: 'CI/CD 集成',  Icon: RefreshCw },
-  { value: 'component', label: '组件开发规范', Icon: Package },
-  { value: 'debug',     label: '异常排查',     Icon: Wrench },
-  { value: 'citic',      label: 'DaaS 接入',   Icon: Bot },
-]
-
-const CAT_MAP = { cicd: 'CI/CD 集成', component: '组件开发', debug: '异常排查', citic: 'DaaS 接入' }
-
-const ARTICLES = [
-  {
-    id: 1, CatIcon: RefreshCw, category: 'CI/CD 集成', level: '入门', readTime: '8 分钟',
-    title: '在 GitLab CI 中集成 DaaS 监控',
-    sections: [
-      { title: '前置准备', content: '确保已安装 @citic/pipeline-sdk >= 1.5.0，并在项目根目录创建 .citic.config.js 配置文件，填写 GitLab 访问令牌和项目 ID。', code: `// .citic.config.js\nmodule.exports = {\n  platform: 'gitlab',\n  token: process.env.GITLAB_TOKEN,\n  projectId: process.env.CI_PROJECT_ID,\n  notify: { onFail: true }\n}` },
-      { title: '添加监控步骤', content: '在流水线配置文件中引入 DaaS 报告步骤，建议放在 after_script 阶段确保始终执行。', code: `citic-report:\n  stage: report\n  when: always\n  script:\n    - npx citic-cli pipeline report\n      --status $CI_JOB_STATUS` },
-      { title: '验证与调试', content: '配置完成后，触发一次流水线运行，在 DaaS 对话框中输入「查看最近一次构建状态」验证数据是否正常上报。' },
-    ],
-  },
-  {
-    id: 2, CatIcon: Package, category: '组件开发', level: '进阶', readTime: '12 分钟',
-    title: '向组件市场发布你的第一个组件',
-    sections: [
-      { title: '组件命名规范', content: '组件名使用 PascalCase，包名使用 @scope/kebab-case 格式。组件必须提供完整的 TypeScript 类型声明文件，以及 README、CHANGELOG 文档。', code: `my-component/\n├── src/index.ts\n├── types/index.d.ts\n├── README.md\n└── package.json` },
-      { title: '发布前检查', content: '运行 citic-cli publish --dry-run 进行预检，工具会自动检查包体积、类型完整性、ESM/CJS 双格式输出。', code: `npx citic-cli publish --dry-run\nnpx citic-cli publish --access public` },
-    ],
-  },
-  {
-    id: 3, CatIcon: Wrench, category: '异常排查', level: '入门', readTime: '6 分钟',
-    title: '构建失败？5 步快速定位根因',
-    sections: [
-      { title: '复制完整错误日志', content: '不要只复制最后几行错误，完整的日志包含调用堆栈和上下文，能帮助 AI 更准确地定位问题。' },
-      { title: '在对话框中描述问题', content: '将日志粘贴到 DaaS 对话框，并补充环境信息，AI 会给出针对性分析。', code: `"Cannot find module" → 依赖未安装\n"Type 'X' is not assignable" → TS 类型不匹配\n"heap out of memory" → 添加 --max-old-space-size=4096` },
-    ],
-  },
-  {
-    id: 4, CatIcon: Bot, category: 'DaaS 接入', level: '进阶', readTime: '15 分钟',
-    title: '在自有平台中接入 DaaS API',
-    sections: [
-      { title: '获取 API 凭证', content: '在 DaaS 控制台创建 API Key，建议按项目隔离不同 Key，并设置访问频率限制（默认 100 RPM）。' },
-      { title: '实现流式输出', content: '使用 SSE 接收流式响应，前端通过 fetch ReadableStream 逐 token 追加内容，实现打字机效果。', code: `app.post('/api/chat', async (req, res) => {\n  res.setHeader('Content-Type', 'text/event-stream')\n  const stream = await citic.chat.stream({ messages: req.body.messages })\n  for await (const chunk of stream) res.write(\`data: \${JSON.stringify(chunk)}\\n\\n\`)\n  res.end()\n})` },
-    ],
-  },
-]
-
-const activeCategory = ref('all')
-const activeArticle  = ref(ARTICLES[0])
-const isNarrow       = window.innerWidth < 900
-
-const filtered = computed(() =>
-  activeCategory.value === 'all'
-    ? ARTICLES
-    : ARTICLES.filter(a => a.category === CAT_MAP[activeCategory.value])
-)
-</script>
-
-<style scoped>
-.article-item:hover { border-color: var(--border-default) !important; }
-</style>

package/guanwang/src/views/SkillsView.vue

@@ -1,129 +0,0 @@
-<template>
-  <div class="dot-grid" style="min-height: 100vh; position: relative;">
-    <div class="glow-orb" style="width: 320px; height: 320px; background: rgba(26,111,196,0.12); top: 80px; left: 40px;" />
-    <div style="max-width: 1280px; margin: 0 auto; padding: 48px 24px;">
-
-      <div style="margin-bottom: 36px;">
-        <span class="tag" style="margin-bottom: 10px; display: inline-block;">Skills 市场</span>
-        <h1 class="section-title" style="margin-bottom: 10px;">可复用 AI 能力单元</h1>
-        <p style="color: var(--text-secondary); font-family: Inter, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;">一键接入官方与社区贡献的 Skills，扩展 DaaS AI 的能力边界</p>
-      </div>
-
-      <el-tabs v-model="activeTab" style="margin-bottom: 28px;">
-        <el-tab-pane label="全部"       name="全部" />
-        <el-tab-pane label="官方 Skills" name="官方 Skills" />
-        <el-tab-pane label="社区 Skills" name="社区 Skills" />
-      </el-tabs>
-
-      <!-- Skills Grid -->
-      <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 18px;">
-        <div
-          v-for="skill in filtered"
-          :key="skill.name"
-          class="card"
-          style="position: relative; display: flex; flex-direction: column;"
-        >
-          <el-tag v-if="skill.official" size="small" style="position: absolute; top: 14px; right: 14px;">官方</el-tag>
-
-          <div style="display: flex; align-items: center; gap: 12px; margin-bottom: 10px;">
-            <div style="width: 38px; height: 38px; border-radius: 10px; display: flex; align-items: center; justify-content: center; background: var(--tag-bg); border: 1px solid var(--tag-border); flex-shrink: 0;">
-              <component :is="skill.Icon" :size="18" color="var(--brand-400)" :stroke-width="1.75" />
-            </div>
-            <div>
-              <h3 class="font-display" style="font-weight: 600; color: var(--text-primary); font-size: 14px;">{{ skill.name }}</h3>
-              <p class="font-mono" style="font-size: 11px; color: var(--text-muted); margin-top: 1px;">{{ skill.uses }} 次使用</p>
-            </div>
-          </div>
-
-          <p style="color: var(--text-secondary); font-size: 13px; line-height: 1.6; margin-bottom: 14px; font-family: Inter, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;">{{ skill.desc }}</p>
-
-          <div style="flex: 1; margin-bottom: 14px;">
-            <p class="font-mono" style="font-size: 10px; color: var(--text-muted); margin-bottom: 7px;">触发示例：</p>
-            <div
-              v-for="ex in skill.examples"
-              :key="ex"
-              style="display: flex; gap: 8px; font-size: 12px; color: var(--text-secondary); background: var(--bg-secondary); border-radius: 8px; padding: 7px 10px; margin-bottom: 5px; border: 1px solid var(--border-subtle); font-family: Inter, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;"
-            >
-              <span class="font-mono" style="color: var(--brand-400); flex-shrink: 0;">›</span>
-              <span>{{ ex }}</span>
-            </div>
-          </div>
-
-          <div style="display: flex; gap: 8px; padding-top: 10px; border-top: 1px solid var(--border-subtle);">
-            <el-button style="flex: 1; border-radius: 8px;" size="small" @click="previewSkill = skill">预览</el-button>
-            <el-button type="primary" style="flex: 1; border-radius: 8px;" size="small" @click="navigator.clipboard?.writeText(skill.config).catch(() => {})">一键接入</el-button>
-          </div>
-        </div>
-      </div>
-
-      <!-- Contribute banner -->
-      <div class="glass" style="margin-top: 44px; border-radius: 16px; padding: 28px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px;">
-        <div>
-          <h3 class="font-display" style="font-weight: 600; color: var(--text-primary); font-size: 17px; margin-bottom: 4px;">贡献你的 Skill</h3>
-          <p style="color: var(--text-secondary); font-size: 14px; font-family: Inter, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;">将你的 AI 能力分享给社区</p>
-        </div>
-        <el-button type="primary" style="flex-shrink: 0; border-radius: 8px;">
-          <Plus :size="14" style="margin-right: 6px;" /> 提交 Skill
-        </el-button>
-      </div>
-    </div>
-
-    <!-- Preview Dialog -->
-    <el-dialog
-      v-model="showPreview"
-      :title="previewSkill?.name"
-      width="500px"
-      align-center
-      @closed="previewSkill = null"
-    >
-      <template v-if="previewSkill">
-        <div style="display: flex; align-items: center; gap: 10px; margin-bottom: 14px;">
-          <div style="width: 32px; height: 32px; border-radius: 8px; background: var(--tag-bg); border: 1px solid var(--tag-border); display: flex; align-items: center; justify-content: center;">
-            <component :is="previewSkill.Icon" :size="16" color="var(--brand-400)" :stroke-width="1.75" />
-          </div>
-          <p style="color: var(--text-secondary); font-size: 13px; font-family: Inter, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif; margin: 0;">{{ previewSkill.desc }}</p>
-        </div>
-        <div class="code-block"><pre>{{ previewSkill.config }}</pre></div>
-      </template>
-      <template #footer>
-        <el-button type="primary" style="width: 100%; border-radius: 10px;" @click="copyConfig">
-          {{ configCopied ? '已复制配置 ✓' : '复制接入配置' }}
-        </el-button>
-      </template>
-    </el-dialog>
-  </div>
-</template>
-
-<script setup>
-import { ref, computed, watch } from 'vue'
-import { Rocket, Package, BarChart2, Wrench, Eye, BookOpen, Plus } from 'lucide-vue-next'
-
-const SKILLS = [
-  { name: '脚手架生成器', Icon: Rocket,    official: true,  uses: '24.3k', desc: '通过对话描述技术栈，自动生成可运行的工程模板，支持 Vue、React、Node.js 等', examples: ['帮我生成一个 Vue 3 + TypeScript 的后台管理项目', '创建一个带 GraphQL 的 React 全栈模板'], config: '{\n  "skill": "scaffold-generator",\n  "version": "1.2.0",\n  "trigger": ["生成脚手架", "创建项目"]\n}' },
-  { name: '组件智能推荐', Icon: Package,   official: true,  uses: '18.7k', desc: '基于需求描述，从组件市场中匹配最合适的组件，并提供安装命令和使用示例', examples: ['我需要一个支持大数据量的表格组件', '找一个好用的富文本编辑器'], config: '{\n  "skill": "component-recommender",\n  "version": "2.0.1",\n  "trigger": ["推荐组件", "找组件"]\n}' },
-  { name: '流水线监控',   Icon: BarChart2, official: true,  uses: '11.2k', desc: '对接 CI/CD 平台，实时查询流水线状态、构建日志，异常时提供智能分析', examples: ['查看 main 分支最近一次构建状态', '列出今天失败的所有流水线'], config: '{\n  "skill": "pipeline-monitor",\n  "version": "1.5.0",\n  "requires": ["GITLAB_TOKEN"]\n}' },
-  { name: '异常修复助手', Icon: Wrench,    official: true,  uses: '15.9k', desc: '粘贴报错信息或构建日志，AI 自动定位根因并给出分步修复方案', examples: ['帮我分析这个 TypeScript 类型错误', '我的 webpack 构建失败了'], config: '{\n  "skill": "error-fixer",\n  "version": "1.3.2",\n  "trigger": ["报错", "失败", "exception"]\n}' },
-  { name: 'Code Review',  Icon: Eye,       official: false, uses: '6.4k',  desc: '提交代码片段，获取安全性、性能、可读性多维度的代码审查意见', examples: ['帮我 review 这段 Vue 组件代码', '检查这个函数有没有安全问题'], config: '{\n  "skill": "code-review",\n  "version": "1.0.3",\n  "author": "community"\n}' },
-  { name: 'API 文档生成', Icon: BookOpen,  official: false, uses: '4.1k',  desc: '从代码注释或函数签名自动生成 OpenAPI/Swagger 格式的接口文档', examples: ['为这个 Express 路由生成接口文档', '把这些 TypeScript 类型转换为 JSON Schema'], config: '{\n  "skill": "api-doc-gen",\n  "version": "0.9.1",\n  "author": "community"\n}' },
-]
-
-const activeTab    = ref('全部')
-const previewSkill = ref(null)
-const configCopied = ref(false)
-const showPreview  = computed({
-  get: () => !!previewSkill.value,
-  set: v => { if (!v) previewSkill.value = null },
-})
-
-const filtered = computed(() => {
-  if (activeTab.value === '官方 Skills') return SKILLS.filter(s => s.official)
-  if (activeTab.value === '社区 Skills') return SKILLS.filter(s => !s.official)
-  return SKILLS
-})
-
-function copyConfig() {
-  navigator.clipboard?.writeText(previewSkill.value.config).catch(() => {})
-  configCopied.value = true
-  setTimeout(() => { configCopied.value = false }, 2000)
-}
-</script>

package/guanwang/temp

@@ -1,19 +0,0 @@
-你当前处于 Code 模式，职责是：
-- 编写、修改、重构代码
-- 生成完整可运行的代码文件（使用 render_artifact 工具输出）
-- 解释代码逻辑和技术选型
-- 发现并修复代码问题
-
-你在 Code 模式下的行为准则：
-1. 代码超过 20 行或构成完整可运行文件时，MUST 使用 render_artifact 工具输出，不得用普通代码块代替
-2. 输出代码时 MUST 给出完整代码，严禁省略、截断、使用注释代替未完成部分
-3. 若需要用户提供现有代码才能继续，MUST 使用 request_context 工具请求，不得凭空假设代码内容
-4. 技术方案存在多个可选路径时，先简要说明各方案的取舍，再按用户场景给出推荐
-5. NEVER 主动切换到其他模式，若用户有规划类需求请提示用户切换到 Architect 模式
-6. 输出 Markdown 文档内容时，MUST 使用 <artifact type="markdown"> 标签包裹，
-   NEVER 使用 \`\`\`markdown 代码块，原因是内部嵌套代码块会导致解析异常。
-   格式示例：
-   <artifact type="markdown">
-   # 标题
-   内容（内部可自由使用各类代码块）
-   </artifact>

package/guanwang/vite.config.js

@@ -1,6 +0,0 @@
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
-
-export default defineConfig({
-  plugins: [vue()],
-})