knowme-careerforge-skill 0.0.2 → 0.0.6

package/src/templates/data-analyst/style.css

@@ -0,0 +1,285 @@
+/**
+ * KnowMe CareerForge — Data Analyst Metric Stream Template Style
+ * Style Tone: Amber Cyan (Metric-Driven Two-Column 30:70)
+ * Inherits: src/templates/common/base.css
+ */
+
+:root {
+  /* === COMPONENT TOKENS (Overrides & Aliases) === */
+  --resume-color-sidebar-bg: #f0fdfa;
+  --resume-color-sidebar-border: #ccfbf1;
+  --resume-color-primary: #0f172a;
+  --resume-color-secondary: #334155;
+  --resume-color-muted: #64748b;
+  --resume-color-accent: #0891b2;
+  --resume-color-accent-light: #e0f2fe;
+  --resume-color-accent-dark: #0e7490;
+  --resume-color-border: #cbd5e1;
+
+  /* Typography Bindings */
+  --resume-font-body: var(--primitive-font-sans);
+  --resume-font-size-name: 20pt;
+  --resume-font-size-target: 10pt;
+  --resume-font-size-h2: 11pt;
+  --resume-font-size-body: 9.0pt;
+  --resume-font-size-meta: 8.5pt;
+  --resume-line-height-body: 1.42;
+
+  /* Spacing Tokens (Calibratable for Self-Healing) */
+  --resume-space-section: 10.5pt;
+  --resume-space-item: 7.0pt;
+  --resume-space-bullet: 2.0pt;
+  --resume-sidebar-width: 30%;
+}
+
+.resume-page {
+  display: flex;
+  flex-direction: row;
+  min-height: var(--primitive-page-min-height);
+  background: #ffffff;
+}
+
+/* 左侧数据与指标侧边栏 (30%) */
+.resume-sidebar {
+  width: var(--resume-sidebar-width);
+  background-color: var(--resume-color-sidebar-bg);
+  border-right: 1px solid var(--resume-color-sidebar-border);
+  padding: 13mm 10mm;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+}
+
+.sidebar-section {
+  margin-bottom: var(--resume-space-section);
+}
+
+.sidebar-title {
+  font-size: 10pt;
+  font-weight: 700;
+  color: var(--resume-color-accent-dark);
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  border-bottom: 1.5px solid var(--resume-color-accent);
+  padding-bottom: 2pt;
+  margin-bottom: 6pt;
+}
+
+.sidebar-info-list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  font-size: var(--resume-font-size-meta);
+  color: var(--resume-color-secondary);
+}
+
+.sidebar-info-list li {
+  margin-bottom: 4pt;
+  word-break: break-all;
+}
+
+.info-label {
+  color: var(--resume-color-muted);
+  font-size: 8pt;
+  display: block;
+}
+
+/* 核心量化看板卡片 (KPI Callouts) */
+.metric-callout-grid {
+  display: flex;
+  flex-direction: column;
+  gap: 5pt;
+}
+
+.metric-card {
+  background: #ffffff;
+  border: 1px solid var(--resume-color-sidebar-border);
+  border-radius: 4pt;
+  padding: 4pt 6pt;
+  text-align: center;
+}
+
+.metric-val {
+  font-size: 12pt;
+  font-weight: 800;
+  color: var(--resume-color-accent);
+  font-family: var(--primitive-font-mono);
+}
+
+.metric-desc {
+  font-size: 7.5pt;
+  color: var(--resume-color-muted);
+}
+
+/* 技能模块 */
+.skills-content {
+  display: flex;
+  flex-direction: column;
+  gap: 4.5pt;
+}
+
+.skill-row {
+  display: flex;
+  flex-direction: column;
+  gap: 1.5pt;
+}
+
+.skill-category {
+  font-size: 8.5pt;
+  font-weight: 700;
+  color: var(--resume-color-accent-dark);
+}
+
+.skill-items {
+  font-size: 8.5pt;
+  color: var(--resume-color-secondary);
+  line-height: 1.35;
+}
+
+/* 右侧主舞台 (70%) */
+.resume-main {
+  width: calc(100% - var(--resume-sidebar-width));
+  padding: 13mm 14mm 13mm 12mm;
+  box-sizing: border-box;
+}
+
+.main-header {
+  border-bottom: 1.5px solid var(--resume-color-accent);
+  padding-bottom: 7pt;
+  margin-bottom: var(--resume-space-section);
+}
+
+.candidate-name {
+  font-size: var(--resume-font-size-name);
+  font-weight: 700;
+  color: var(--resume-color-accent-dark);
+  margin: 0 0 2pt 0;
+  letter-spacing: 0.5px;
+}
+
+.job-target {
+  font-size: var(--resume-font-size-target);
+  color: var(--resume-color-secondary);
+  font-weight: 600;
+  margin: 0 0 3pt 0;
+}
+
+.value-prop {
+  font-size: var(--resume-font-size-body);
+  color: var(--resume-color-secondary);
+  line-height: var(--resume-line-height-body);
+  margin: 0;
+}
+
+/* 章节通用样式 */
+.resume-section {
+  margin-bottom: var(--resume-space-section);
+}
+
+.section-title {
+  font-size: var(--resume-font-size-h2);
+  font-weight: 700;
+  color: var(--resume-color-accent-dark);
+  display: flex;
+  align-items: center;
+  gap: 6pt;
+  margin: 0 0 calc(var(--resume-space-item) * 0.7) 0;
+}
+
+.section-title::after {
+  content: "";
+  flex: 1;
+  height: 1px;
+  background: var(--resume-color-sidebar-border);
+}
+
+/* 条目样式 */
+.experience-item,
+.project-item,
+.education-item {
+  margin-bottom: var(--resume-space-item);
+}
+
+.item-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+  margin-bottom: 2pt;
+}
+
+.item-title-group {
+  display: flex;
+  align-items: center;
+  gap: 5pt;
+  flex-wrap: wrap;
+}
+
+.org-name,
+.project-name {
+  font-weight: 700;
+  font-size: var(--resume-font-size-body);
+  color: var(--resume-color-primary);
+}
+
+.role-badge {
+  font-size: var(--resume-font-size-meta);
+  font-weight: 600;
+  color: var(--resume-color-accent-dark);
+  background: var(--resume-color-accent-light);
+  padding: 1pt 5pt;
+  border-radius: 2pt;
+}
+
+.date-range {
+  font-size: var(--resume-font-size-meta);
+  color: var(--resume-color-muted);
+  font-weight: 500;
+  white-space: nowrap;
+}
+
+.tech-stack-tags {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 3pt;
+  margin: 2pt 0 3pt 0;
+}
+
+.tech-tag {
+  font-size: 7.5pt;
+  background-color: var(--resume-color-sidebar-bg);
+  color: var(--resume-color-accent-dark);
+  border: 1px solid var(--resume-color-sidebar-border);
+  padding: 0.5pt 4pt;
+  border-radius: 2pt;
+  font-family: var(--primitive-font-mono);
+  font-weight: 600;
+}
+
+.bullet-list {
+  margin: 0;
+  padding-left: 13pt;
+  color: var(--resume-color-secondary);
+  font-size: var(--resume-font-size-body);
+  line-height: var(--resume-line-height-body);
+}
+
+.bullet-list li {
+  margin-bottom: var(--resume-space-bullet);
+}
+
+.edu-detail {
+  font-size: var(--resume-font-size-meta);
+  color: var(--resume-color-secondary);
+  margin: 2pt 0 0 0;
+}
+
+@media print {
+  .resume-page {
+    box-shadow: none;
+    margin: 0;
+    width: 210mm;
+    min-height: 297mm;
+    page-break-after: always;
+    page-break-inside: avoid;
+  }
+}

package/src/templates/executive/README.md

@@ -10,3 +10,12 @@
   - `--resume-left-col-width`: `33%` (默认)
   - `--resume-space-section`: `12pt` (默认)
   - `--resume-space-item`: `9pt` (默认)
+
+## 文件维护
+
+- `canvas.html`：唯一维护的 HTML 布局，包含统一命名槽位。
+- `style.css`：此模板的样式与设计变量。
+- `sample-profile.json`：仅供画廊使用的虚构样例数据，不作为用户简历默认值。
+- `metadata.json`：模板选择与布局元数据。
+
+在项目根目录运行 `python3 scripts/build/build-gallery.py` 生成画廊。预览与实际简历共用实例化器及完整 CSS 链；生成的 HTML 位于 `output/templates_gallery/`，不回写到模板源目录。

package/src/templates/executive/canvas.html

@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="{{ resume:language }}">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title><!-- resume:document-title --></title>
+<!-- resume:styles -->
+</head>
+<body>
+<div class="resume-page bound-canvas canvas-executive">
+<div class="executive-banner"><!-- resume:basics --></div>
+<div class="canvas-columns"><aside><!-- resume:summary --><!-- resume:skills --></aside><main><!-- resume:experience --><!-- resume:projects --><!-- resume:education --><!-- resume:certifications --></main></div>
+</div>
+</body>
+</html>

package/src/templates/executive/sample-profile.json

@@ -0,0 +1,86 @@
+{
+  "language": "zh-CN",
+  "basics": {
+    "name": "示例候选人",
+    "title": "architect",
+    "email": "candidate@example.com",
+    "phone": "138-0000-0000",
+    "location": "示例城市",
+    "summary": "本页为虚构排版样例，姓名、机构和经历均不代表真实候选人。"
+  },
+  "skills": [
+    {
+      "category": "工程实践",
+      "items": [
+        "Python",
+        "TypeScript",
+        "SQL"
+      ]
+    },
+    {
+      "category": "协作与交付",
+      "items": [
+        "需求分析",
+        "质量验证",
+        "技术文档"
+      ]
+    }
+  ],
+  "experience": [
+    {
+      "company": "示例科技公司（虚构）",
+      "role": "architect",
+      "startDate": "2022.07",
+      "endDate": "2025.06",
+      "bullets": [
+        {
+          "text": "负责示例业务模块的需求分析、实现与交付，整理接口约定和验收标准。"
+        },
+        {
+          "text": "与产品和测试协作完成版本迭代，补充异常场景验证及使用文档。"
+        }
+      ]
+    },
+    {
+      "company": "示例工作室（虚构）",
+      "role": "项目成员",
+      "startDate": "2020.07",
+      "endDate": "2022.06",
+      "bullets": [
+        {
+          "text": "参与内部工具开发，梳理业务流程并维护数据校验规则。"
+        }
+      ]
+    }
+  ],
+  "projects": [
+    {
+      "name": "业务协作平台（虚构项目）",
+      "role": "核心开发",
+      "techStack": [
+        "TypeScript",
+        "Python",
+        "PostgreSQL"
+      ],
+      "startDate": "2024.01",
+      "endDate": "2024.10",
+      "bullets": [
+        {
+          "text": "实现任务分配、进度记录与报表导出，建立可复用的数据访问接口。"
+        },
+        {
+          "text": "补充自动化校验和部署说明，支持团队复现开发环境。"
+        }
+      ]
+    }
+  ],
+  "education": [
+    {
+      "institution": "示例大学（虚构）",
+      "degree": "学士",
+      "field": "计算机科学",
+      "startDate": "2016.09",
+      "endDate": "2020.06"
+    }
+  ]
+}

package/src/templates/executive/style.css

@@ -1,51 +1,37 @@
+/**
+ * KnowMe CareerForge — Executive Modern Split Template Style
+ * Style Tone: Executive Formal (Hero Banner + Two-Column 33:67)
+ * Inherits: src/templates/common/base.css
+ */
+
 :root {
-  /* A4 绝对几何尺寸 */
-  --resume-page-width: 210mm;
-  --resume-page-min-height: 297mm;
-
-  /* 配色体系 */
-  --resume-color-banner-bg: #1e293b;    /* Slate 800 */
-  --resume-color-banner-text: #f8fafc;
-  --resume-color-banner-muted: #94a3b8;
-  --resume-color-primary: #0f172a;       /* Slate 900 */
-  --resume-color-secondary: #334155;     /* Slate 700 */
-  --resume-color-muted: #64748b;         /* Slate 500 */
-  --resume-color-accent: #0f766e;        /* Teal 700 沉稳高管色 */
-  --resume-color-tag-bg: #f0fdfa;        /* Teal 50 */
-  --resume-color-border: #e2e8f0;
-
-  /* 字阶系统 */
-  --resume-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
-  --resume-font-size-name: 22pt;
-  --resume-font-size-title: 11pt;
-  --resume-font-size-body: 9.2pt;
-  --resume-font-size-meta: 8.5pt;
-  --resume-line-height-body: 1.45;
-
-  /* 间距 Tokens (Agent 自愈参数) */
-  --resume-space-section: 12pt;
-  --resume-space-item: 9pt;
-  --resume-space-bullet: 3pt;
+  /* === COMPONENT TOKENS (Overrides & Aliases) === */
+  --resume-color-banner-bg: var(--primitive-color-slate-800);
+  --resume-color-banner-text: var(--primitive-color-slate-50);
+  --resume-color-banner-muted: var(--primitive-color-slate-400);
+  --resume-color-primary: var(--primitive-color-slate-900);
+  --resume-color-secondary: var(--primitive-color-slate-700);
+  --resume-color-muted: var(--primitive-color-slate-500);
+  --resume-color-accent: var(--primitive-color-teal-700);
+  --resume-color-tag-bg: var(--primitive-color-teal-50);
+  --resume-color-border: var(--primitive-color-slate-200);
+
+  /* Typography Bindings */
+  --resume-font-body: var(--primitive-font-sans);
+  --resume-font-size-name: var(--primitive-font-size-display);
+  --resume-font-size-title: var(--primitive-font-size-h3);
+  --resume-font-size-body: var(--primitive-font-size-body);
+  --resume-font-size-meta: var(--primitive-font-size-meta);
+  --resume-line-height-body: var(--primitive-line-height-normal);
+
+  /* Spacing Tokens (Calibratable for Self-Healing) */
+  --resume-space-section: var(--primitive-space-6);
+  --resume-space-item: var(--primitive-space-4);
+  --resume-space-bullet: var(--primitive-space-1);
   --resume-left-col-width: 33%;
 }
 
-* { box-sizing: border-box; margin: 0; padding: 0; }
-
-body {
-  background-color: #e2e8f0;
-  font-family: var(--resume-font-body);
-  display: flex;
-  justify-content: center;
-  padding: 24px 0;
-  color: var(--resume-color-primary);
-  -webkit-font-smoothing: antialiased;
-}
-
 .resume-page {
-  width: var(--resume-page-width);
-  min-height: var(--resume-page-min-height);
-  background: #ffffff;
-  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.15), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
   overflow: hidden;
   display: flex;
   flex-direction: column;
@@ -74,7 +60,7 @@ body {
 
 .candidate-title {
   font-size: var(--resume-font-size-title);
-  color: #38bdf8; /* Sky 400 */
+  color: var(--primitive-color-sky-400);
   font-weight: 600;
   margin-top: 2pt;
 }
@@ -90,13 +76,26 @@ body {
 .banner-right {
   display: flex;
   flex-direction: column;
-  gap: 3.5pt;
+  align-items: flex-end;
+  gap: 3pt;
   font-size: 8pt;
-  color: var(--resume-color-banner-text);
-  background: rgba(255, 255, 255, 0.08);
-  padding: 6pt 10pt;
-  border-radius: 4pt;
-  border: 1px solid rgba(255, 255, 255, 0.15);
+  color: var(--resume-color-banner-muted);
+}
+
+.badge-item {
+  display: flex;
+  align-items: center;
+  gap: 4pt;
+  white-space: nowrap;
+}
+
+.badge-label {
+  color: rgba(255, 255, 255, 0.45);
+  font-size: 7.5pt;
+  letter-spacing: 0.2px;
+  flex-shrink: 0;
+  min-width: 2em;
+  text-align: right;
 }
 
 /* 下方 3:7 双栏主体 */
@@ -196,40 +195,50 @@ body {
   color: var(--resume-color-accent);
 }
 
-.date-range {
-  font-size: var(--resume-font-size-meta);
-  color: var(--resume-color-muted);
-  font-variant-numeric: tabular-nums;
-}
-
 .bullet-list {
-  margin-left: 14pt;
+  margin: 0;
+  padding-left: 14pt;
   font-size: var(--resume-font-size-body);
-  color: var(--resume-color-secondary);
   line-height: var(--resume-line-height-body);
+  color: var(--resume-color-secondary);
 }
 
 .bullet-list li {
   margin-bottom: var(--resume-space-bullet);
 }
 
-.bullet-list strong {
-  color: var(--resume-color-primary);
+/* === GENERATED HTML CONTRACT CLASSES === */
+.sidebar-section {
+  margin-bottom: var(--resume-space-section);
+}
+
+.experience-item,
+.project-item {
+  margin-bottom: var(--resume-space-item);
+}
+
+.role-badge {
+  font-size: 8.5pt;
   font-weight: 600;
+  color: var(--resume-color-accent);
 }
 
-@media print {
-  body { background: transparent; padding: 0; }
-  .resume-page {
-    box-shadow: none;
-    margin: 0;
-    width: var(--resume-page-width);
-    min-height: var(--resume-page-min-height);
-    page-break-after: always;
-    page-break-inside: avoid;
-  }
-  @page {
-    size: A4 portrait;
-    margin: 0;
-  }
+.tech-stack-tags {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 3pt;
+  margin: 2pt 0 4pt 0;
+}
+
+.tech-tag {
+  font-size: 7.5pt;
+  background-color: var(--resume-color-tag-bg);
+  color: var(--resume-color-accent);
+  padding: 1pt 5pt;
+  border-radius: 2pt;
+  font-family: var(--primitive-font-mono);
+}
+
+.education-item {
+  margin-bottom: var(--resume-space-item);
 }

package/src/templates/international-flow/README.md

@@ -0,0 +1,26 @@
+# International Text Flow Template (`international-flow`)
+
+> **定位：面向外企跨国求职、海外远程 (US/EU) 及全球化技术专家的欧美极简纯文字流模板。**
+
+- **版式风格**：单栏纯文字流 (Single-Column Pure Text Flow)
+- **合规特性**：严格遵守海外劳动反歧视法标准，无头像/照片干扰，注重文本可提取性
+- **视觉色系**：极简板岩黑 (`#0f172a`, `--palette-slate-minimal`) + 碳素灰阶 (`#334155`)
+- **ATS 评级**：Tier 1 (Optimal - 100% 完美解析)
+- **目标页数**：1~2 页 (默认 1 页均衡排版)
+- **信息密度**：中等 (Balanced)
+- **核心 Tokens**：
+  - `--resume-space-section`: `11pt`
+  - `--resume-space-item`: `7.5pt`
+  - `--resume-space-bullet`: `2.2pt`
+  - `--resume-font-size-body`: `9.2pt`
+  - `--resume-line-height-body`: `1.45`
+  - `--resume-color-accent`: `var(--palette-slate-minimal)`
+
+## 文件维护
+
+- `canvas.html`：唯一维护的 HTML 布局，包含统一命名槽位。
+- `style.css`：此模板的样式与设计变量。
+- `sample-profile.json`：仅供画廊使用的虚构样例数据，不作为用户简历默认值。
+- `metadata.json`：模板选择与布局元数据。
+
+在项目根目录运行 `python3 scripts/build/build-gallery.py` 生成画廊。预览与实际简历共用实例化器及完整 CSS 链；生成的 HTML 位于 `output/templates_gallery/`，不回写到模板源目录。

package/src/templates/international-flow/canvas.html

@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="{{ resume:language }}">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title><!-- resume:document-title --></title>
+<!-- resume:styles -->
+</head>
+<body>
+<div class="resume-page bound-canvas canvas-international-flow">
+<main>
+<!-- resume:basics -->
+<!-- resume:summary -->
+<!-- resume:skills -->
+<!-- resume:experience -->
+<!-- resume:projects -->
+<!-- resume:education --><!-- resume:certifications -->
+</main>
+</div>
+</body>
+</html>

package/src/templates/international-flow/metadata.json

@@ -0,0 +1,37 @@
+{
+  "id": "international-flow",
+  "name": "International Text Flow",
+  "version": "1.0.0",
+  "style": "single-column-flow",
+  "roleCategory": "international-remote",
+  "layout": {
+    "type": "single-column",
+    "targetPages": 1,
+    "maxPages": 2,
+    "density": "balanced"
+  },
+  "visualStyle": {
+    "tone": "neutral-slate",
+    "accentColor": "#334155",
+    "fontFamily": "System Sans-Serif"
+  },
+  "atsScoreTier": "tier-1-optimal",
+  "supportedRoles": [
+    "frontend",
+    "backend",
+    "fullstack",
+    "ai-agent-engineer",
+    "product-manager",
+    "engineering-manager",
+    "remote-specialist"
+  ],
+  "languages": ["zh-CN", "en-US"],
+  "customizableTokens": [
+    "--resume-font-size-body",
+    "--resume-line-height-body",
+    "--resume-space-section",
+    "--resume-space-item",
+    "--resume-space-bullet",
+    "--resume-color-accent"
+  ]
+}