feat: 初始化画个标仓库 - AI驱动设计系统(BYOK模式) - 224源/371504图标+25海报源+130技能

2026-10-03 21:44:18 +08:00
commit 9e222877ea
497 changed files with 43611 additions and 0 deletions
@@ -0,0 +1,99 @@
+/**
+ * 🎨 10 种智能体头像风格 × 100 个 = 1000 个 SVG 生成脚本
+ * - 风格：DiceBear 10 种（资源库 js/data/sources/dicebear-*.js）
+ * - 每种风格专属：渐变圆底 + 白色圆环 + lucide 风格徽章（视觉身份差异化）
+ * - bottts / bottts-neutral 复用 bot-common 过滤负面表情
+ * - 确定性 seed：{style}-1 .. {style}-100，每风格内部唯一
+ *
+ * 用法：node scripts/gen-10styles.js
+ */
+'use strict';
+const fs = require('fs');
+const path = require('path');
+const vm = require('vm');
+const { generateSeeds } = require('./bot-common');
+
+const ROOT = path.resolve(__dirname, '..');
+const OUT = path.join(ROOT, 'output', 'agent-avatars-png', 'avatars');
+const DATE = '2026-08-19';
+
+// —— 1. 风格配置（视觉身份 + 渐变 + 徽章图标）——
+const STYLES = [
+  { id: 'bottts',            name: '科技机器人', desc: '机械与电路',       c1: '#0f2a6b', c2: '#2563eb', badge: 'bot' },
+  { id: 'bottts-neutral',    name: '极简机器人', desc: '黑白灰几何',       c1: '#374151', c2: '#9ca3af', badge: 'cpu' },
+  { id: 'micah',             name: '米迦人物',   desc: '几何人物插画',     c1: '#6d28d9', c2: '#ec4899', badge: 'fingerprint' },
+  { id: 'pixel-art',         name: '像素风',     desc: '复古 8-bit 游戏',  c1: '#581c87', c2: '#db2777', badge: 'gamepad-2' },
+  { id: 'fun-emoji',         name: '趣味表情',   desc: '活泼可爱 emoji',   c1: '#ea580c', c2: '#facc15', badge: 'smile' },
+  { id: 'rings',             name: '圆环几何',   desc: '极简同心圆',       c1: '#0d9488', c2: '#5eead4', badge: 'circle' },
+  { id: 'shapes',            name: '几何形状',   desc: '现代简约图形',     c1: '#e11d48', c2: '#fb7185', badge: 'shapes' },
+  { id: 'avataaars',         name: '阿凡达',     desc: '可定制人物角色',   c1: '#166534', c2: '#4ade80', badge: 'user' },
+  { id: 'notionists',        name: 'Notion 风',  desc: '现代扁平商务',     c1: '#1e3a8a', c2: '#38bdf8', badge: 'briefcase' },
+  { id: 'adventurer',        name: '冒险家',     desc: '探险冒险人物',     c1: '#92400e', c2: '#fbbf24', badge: 'compass' }
+];
+
+// —— 2. 加载引擎 + 风格定义 + lucide 徽章 ——
+global.window = global;
+function load(rel) { vm.runInThisContext(fs.readFileSync(path.join(ROOT, rel), 'utf8'), { filename: rel }); }
+load('js/core/dicebear.js');
+load('js/data/sources/lucide.js');
+for (const s of STYLES) load('js/data/sources/dicebear-' + s.id + '.js');
+
+const lucideIcons = window['HGB_Source_lucide'].icons;
+
+// —— 3. 徽章 SVG（lucide 24×24 白色线条）——
+function badgeSvg(name) {
+  const ic = lucideIcons.find(x => x.name === name);
+  if (!ic || !ic.svg) return '';
+  // 提取 svg 内部
+  const m = ic.svg.match(/<svg[^>]*>([\s\S]*)<\/svg>/);
+  return m ? m[1] : '';
+}
+
+// —— 4. 包装：渐变圆底 + 头像 + 白环 + 徽章 ——
+function wrap(svg, w, h, st, idx) {
+  const inner = svg.replace(/^<\?xml[^>]*\?>\s*/, '').replace(/^<svg[^>]*>/, '').replace(/<\/svg>\s*$/, '');
+  // 头像缩放：占 200×200 区域居中
+  const s = 200 / Math.max(w, h);
+  const tx = (240 - w * s) / 2, ty = (240 - h * s) / 2;
+  const badge = badgeSvg(st.badge);
+  return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240" width="240" height="240">
+  <defs>
+    <linearGradient id="g${idx}" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="${st.c1}"/><stop offset="100%" stop-color="${st.c2}"/>
+    </linearGradient>
+    <clipPath id="c${idx}"><circle cx="120" cy="120" r="120"/></clipPath>
+  </defs>
+  <rect width="240" height="240" fill="url(#g${idx})" clip-path="url(#c${idx})"/>
+  <g transform="translate(${tx.toFixed(2)} ${ty.toFixed(2)}) scale(${s.toFixed(4)})">${inner}</g>
+  <circle cx="120" cy="120" r="114" fill="none" stroke="#ffffff" stroke-opacity="0.4" stroke-width="2.5"/>
+  <g transform="translate(196 196)"><circle r="27" fill="#ffffff" fill-opacity="0.22"/><g transform="translate(-12 -12)">${badge}</g></g>
+</svg>`;
+}
+
+// —— 5. 逐风格生成 ——
+const meta = { generatedAt: new Date().toISOString(), date: DATE, styles: [] };
+fs.mkdirSync(OUT, { recursive: true });
+let total = 0;
+
+for (const st of STYLES) {
+  // 每风格 100 个不同 seed：{style}-1..100，复用 generateSeeds 保证唯一
+  const cards = generateSeeds(seed => HGB_Dicebear.renderAvatar(st.id, seed), 100);
+  const styleDir = path.join(OUT, st.id);
+  fs.mkdirSync(styleDir, { recursive: true });
+  const list = [];
+  cards.forEach((c, i) => {
+    const n = String(i + 1).padStart(3, '0');
+    const def = window['HGB_Dicebear_' + st.id.replace(/-/g, '_')];
+    const w = def.canvas.width, h = def.canvas.height;
+    const out = wrap(c.svg, w, h, st, i + 1);
+    const file = `${st.id}-${n}.svg`;
+    fs.writeFileSync(path.join(styleDir, file), out, 'utf8');
+    list.push({ file, seed: c.seed, date: DATE });
+  });
+  meta.styles.push({ id: st.id, name: st.name, desc: st.desc, c1: st.c1, c2: st.c2, badge: st.badge, count: list.length, avatars: list });
+  total += list.length;
+  console.log(`✅ ${st.id}（${st.name}）: ${list.length} 个`);
+}
+
+fs.writeFileSync(path.join(OUT, 'meta.json'), JSON.stringify(meta), 'utf8');
+console.log(`🎉 共 ${total} 个 SVG → output/agent-avatars-png/avatars/ + meta.json`);