⚡ 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 / 画像内容
