vibe-portrait

---

⚡ 30-Second Demo

# Install (one time)
cp -R VibePortrait/skills/vibe-portrait ~/.claude/skills/vibe-portrait

# Run
/vibe-portrait

Input: Your ~/.claude/history.jsonl + ~/.codex/history.jsonl (read-only, never sent anywhere)

Output:

Output	What you get
📄 vibe-portrait.html	Beautiful portrait page — open in browser, export as PNG
🧠 ~/.claude/skills/.../me/	Persona skill — say "think like me" in any future conversation
🔄 my-vibe-portrait repo	Private GitHub repo syncing portraits across all your machines

📸 What the portrait looks like (click to expand)

The portrait includes: MBTI type with per-type color theme · 6-axis capability radar · developer rating (夯爆了→拉完了) · 3-dimension famous match · communication style analysis · tech domain map · work rhythm heatmap · and more.

---

What is VibePortrait?

A skill for Claude Code and Codex. It reads your conversation history and generates:

• 🖼️ HTML Portrait — MBTI type (16 color themes), radar chart, developer rating, 3D famous match, communication style, tech domain map, work rhythm heatmap
• 🧠 Persona Skill — multi-file skill capturing your thinking patterns, decision framework, engineering philosophy — loadable by any AI ("think like me")
• 📸 Image Export — one-click PNG for sharing on social media
• 🔄 Multi-machine Sync — private GitHub repo keeps everything in sync across all your dev machines

Rating philosophy: judged by observable output, not claims or intent. No flattery. Evidence speaks.

---

VibePortrait 是什么？

一个 Claude Code / Codex 技能，读取你的对话历史，生成：

• 🖼️ HTML 画像页 — 单文件网页，含 MBTI、能力雷达、开发者评级、名人匹配等可视化
• 🧠 人格 Skill — 凝练你的思维方式，让 AI 能"像你一样思考"
• 📸 一键导出图片 — PNG 格式，方便分享
• 🔄 多机器同步 — 通过 private GitHub 仓库跨机器同步

评分哲学：以可观察的实际产出为准。不谄媚，不推测。证据说话。

---

Quick Start / 快速开始

Claude Code (marketplace):

# Step 1: Add marketplace
/plugin marketplace add dadwadw233/VibePortrait

# Step 2: Install
/plugin install vibe-portrait@vibe-portrait

# Step 3: Run
/vibe-portrait:vibe-portrait

Claude Code (manual):

git clone https://github.com/dadwadw233/VibePortrait.git
cp -R VibePortrait/skills/vibe-portrait ~/.claude/skills/vibe-portrait
/vibe-portrait

Codex:

$skill-installer install https://github.com/dadwadw233/VibePortrait/tree/main/skills/vibe-portrait
# Then: Use $vibe-portrait to generate my developer personality portrait.

---

How It Works / 工作流程

 ⚡ Quick mode (~200 msgs)  or  🔍 Full mode (all msgs)
                        │
          ┌─────────────▼──────────────┐
          │  Read conversation history  │
          │  + import from other machines│
          └─────────────┬──────────────┘
                        │
          ┌─────────────▼──────────────┐
          │  Analyze 6 dimensions       │
          │  → MBTI · Rating · Famous   │
          └─────────────┬──────────────┘
                        │
          ┌─────────────▼──────────────┐
          │  Generate outputs           │
          │  📄 HTML  🧠 Skill  📸 PNG │
          └─────────────┬──────────────┘
                        │
          ┌─────────────▼──────────────┐
          │  Sync to GitHub (optional)  │
          └────────────────────────────┘

---

Portrait Contents / 画像内容