-
Your Vibed profile
+
Your Unified VCP
{typeof profileContribution.profileTotalRepos === "number"
? `${profileContribution.profileTotalRepos} repos`
@@ -1428,232 +1184,9 @@ export default function AnalysisClient({ jobId }: { jobId: string }) {
- Share, timeline, and details
+ Timeline and details
- {shareTemplate ? (
-
- {/* Share Card Preview */}
-
-
- {/* Header */}
-
-
-
- My Vibe Coding Style
-
-
- {shareTemplate.headline}
-
-
- {shareTemplate.subhead}
-
-
-
- {data?.userAvatarUrl ? (
-
- ) : (
-
- V
-
- )}
-
-
-
- {/* Vibe Metrics Grid */}
-
- {/* Streak */}
-
-
- Longest Streak
-
-
- {wrapped.streak.longest_days} day{wrapped.streak.longest_days === 1 ? "" : "s"}
-
-
- {/* Peak Window */}
-
-
- Peak Window
-
-
- {wrapped.timing.peak_window ? formatMetricLabel(wrapped.timing.peak_window) : "—"}
-
-
- {/* Commit Style */}
-
-
- Commit Style
-
-
- {wrapped.chunkiness.label ?? "—"}
-
-
- {/* Build/Fix Ratio */}
-
-
- Feature / Fix
-
-
- {wrapped.commits.features_per_fix !== null
- ? `${formatMetricValue(wrapped.commits.features_per_fix, 1)} : 1`
- : wrapped.commits.fixes_per_feature !== null
- ? `1 : ${formatMetricValue(wrapped.commits.fixes_per_feature, 1)}`
- : "Balanced"}
-
-
-
-
- {/* Footer */}
-
-
- {shareOrigin ? new URL(shareOrigin).hostname : "vibed.dev"}
-
-
- {wrapped.totals.commits} commits{metricsJson?.active_days ? ` · ${metricsJson.active_days} active days` : ""}
-
-
-
- {shareDownloadError ? (
-
- ) : null}
-
-
- {/* Action Buttons - Consolidated */}
-
- {/* Download Section */}
-
-
-
-
-
-
- {/* Copy Section */}
-
-
-
-
-
- {/* Social Share Section */}
-
-
-
-
-
-
-
-
- {/* Native Share Button */}
- {supportsNativeShare ? (
-
- ) : null}
-
-
- ) : null}
-
{history.length > 1 ? (
diff --git a/apps/web/src/app/analysis/page.tsx b/apps/web/src/app/analysis/page.tsx
index 182f029..e187b01 100644
--- a/apps/web/src/app/analysis/page.tsx
+++ b/apps/web/src/app/analysis/page.tsx
@@ -102,13 +102,13 @@ export default async function AnalysisIndexPage() {
- Vibed Repos
+ Repo VCPs
- Your Vibed Repos
+ Your Repo VCPs
- Each vibed repo reveals your coding persona, confidence level, and the evidence behind it.
+ Each Repo VCP reveals your coding persona, confidence level, and the evidence behind it.
diff --git a/apps/web/src/app/layout.tsx b/apps/web/src/app/layout.tsx
index 794343b..de0eb18 100644
--- a/apps/web/src/app/layout.tsx
+++ b/apps/web/src/app/layout.tsx
@@ -21,24 +21,24 @@ const geistMono = Geist_Mono({
const appUrl = process.env.NEXT_PUBLIC_APP_URL ?? "http://localhost:8108";
export const metadata: Metadata = {
- title: "Vibed Coding · Your AI coding profile",
+ title: "Vibe Coding Profile · Your AI coding profile",
description:
- "Turn your commit history into a Vibed Coding Persona — patterns, insights, and shareable profiles grounded in commit evidence.",
+ "Turn your commit history into a Vibe Coding Profile (VCP) — patterns, insights, and shareable profiles grounded in commit evidence.",
metadataBase: new URL(appUrl),
openGraph: {
- title: "Vibed Coding · Your AI coding profile",
+ title: "Vibe Coding Profile · Your AI coding profile",
description:
- "A shareable Vibed Coding Persona from your commit history — patterns and insights grounded in evidence.",
+ "A shareable Vibe Coding Profile (VCP) from your commit history — patterns and insights grounded in evidence.",
url: appUrl,
locale: "en_US",
type: "website",
- siteName: "Vibed Coding",
+ siteName: "Vibe Coding Profile",
},
twitter: {
card: "summary_large_image",
- title: "Vibed Coding · Your AI coding profile",
+ title: "Vibe Coding Profile · Your AI coding profile",
description:
- "A shareable Vibed Coding Persona from your commit history — patterns and insights grounded in evidence.",
+ "A shareable Vibe Coding Profile (VCP) from your commit history — patterns and insights grounded in evidence.",
},
};
diff --git a/apps/web/src/app/login/page.tsx b/apps/web/src/app/login/page.tsx
index f39b206..cbe9fc0 100644
--- a/apps/web/src/app/login/page.tsx
+++ b/apps/web/src/app/login/page.tsx
@@ -7,7 +7,7 @@ export default function LoginPage() {
- Vibed Coding
+ Vibe Coding Profile
Sign in to analyze your build patterns from git history.
diff --git a/apps/web/src/app/methodology/page.tsx b/apps/web/src/app/methodology/page.tsx
index 01a1635..888cd68 100644
--- a/apps/web/src/app/methodology/page.tsx
+++ b/apps/web/src/app/methodology/page.tsx
@@ -14,7 +14,7 @@ export default async function MethodologyPage() {
How we compute your persona
- Vibed infers your Vibe Coding persona by spotting AI-assisted engineering patterns in the
+ Vibe Coding Profile infers your Vibe Coding persona by spotting AI-assisted engineering patterns in the
Git history of repos you connect.
diff --git a/apps/web/src/app/page.tsx b/apps/web/src/app/page.tsx
index 4aec475..ba4d1e5 100644
--- a/apps/web/src/app/page.tsx
+++ b/apps/web/src/app/page.tsx
@@ -3,6 +3,8 @@ import { createSupabaseServerClient } from "@/lib/supabase/server";
import type { Database } from "@vibed/db";
import { wrappedTheme } from "@/lib/theme";
import { formatMatchedRule, AXIS_LEGEND } from "@/lib/format-labels";
+import { ProfileShareSection } from "@/components/share";
+import { ProfileVersionSelector } from "@/components/ProfileVersionSelector";
import { createClient } from "@supabase/supabase-js";
import {
aggregateUserProfile,
@@ -14,17 +16,48 @@ import {
} from "@vibed/core";
const heroFeatures = [
- "A Vibed profile built from vibe-coding signals in your commit history",
+ "A Vibe Coding Profile (VCP) built from AI-assisted engineering signals in your commit history",
"Persona snapshots that evolve as you add more repos",
- "Share-ready cards with playful language and honest confidence",
+ "Share-ready cards that highlight your vibe coding patterns",
"Deep dive metrics and evidence when you want receipts",
];
const timeline = [
- { title: "Connect GitHub", description: "Sign in, then pick the repos that feel like you." },
- { title: "Run a vibe check", description: "We read commit metadata and patterns (not your code)." },
- { title: "Get your Vibed read", description: "Highlights, categories, and insights into how you build." },
- { title: "See your persona", description: "A playful archetype that changes as your work evolves." },
+ {
+ title: "Fetch commit metadata",
+ description:
+ "We sample up to 300 commits across your repo's lifetime (timestamps, sizes, file paths). No code content.",
+ },
+ {
+ title: "Filter automation noise",
+ description:
+ "Bots like Dependabot or release workflows are filtered out so the signal reflects your work.",
+ },
+ {
+ title: "Compute metrics + axes",
+ description:
+ "25+ metrics roll up into six Vibe Axes (planning, guardrails, rhythm, surface area, and more).",
+ },
+ {
+ title: "Detect persona + insights",
+ description:
+ "We map your axes to a persona and generate streaks, timing, and workflow highlights.",
+ },
+ {
+ title: "Optional LLM narrative",
+ description:
+ "If you opt in, we summarize patterns using metadata only—never code or message content.",
+ },
+ {
+ title: "Create Repo VCP",
+ description:
+ "Each repo gets its own Repo VCP—a snapshot of your vibe coding style for that project.",
+ },
+ {
+ title: "Aggregate into Unified VCP",
+ description:
+ "Multiple Repo VCPs roll into your Unified VCP, weighted by commit volume across all repos.",
+ },
];
type AuthStats = {
@@ -49,6 +82,7 @@ type AuthStats = {
generatedAt: string | null;
};
userProfile?: {
+ personaId: string;
personaName: string;
personaTagline: string | null;
personaConfidence: string;
@@ -62,6 +96,13 @@ type AuthStats = {
commitCount: number;
}>;
updatedAt: string | null;
+ narrative?: {
+ headline?: string;
+ paragraphs?: string[];
+ highlights?: string[];
+ } | null;
+ llmModel?: string | null;
+ llmKeySource?: string | null;
};
};
@@ -437,7 +478,7 @@ export default async function Home({
supabase
.from("user_profiles")
.select(
- "persona_name, persona_tagline, persona_confidence, total_repos, total_commits, axes_json, repo_personas_json, updated_at, job_ids"
+ "persona_id, persona_name, persona_tagline, persona_confidence, total_repos, total_commits, axes_json, repo_personas_json, updated_at, job_ids, narrative_json, llm_model, llm_key_source"
)
.eq("user_id", user.id)
.maybeSingle(),
@@ -452,6 +493,7 @@ export default async function Home({
}>;
const maybeProfileData = userProfileResult.data as {
+ persona_id: string;
persona_name: string;
persona_tagline: string | null;
persona_confidence: string;
@@ -466,6 +508,13 @@ export default async function Home({
}>;
updated_at: string | null;
job_ids: unknown;
+ narrative_json: {
+ headline?: string;
+ paragraphs?: string[];
+ highlights?: string[];
+ } | null;
+ llm_model: string | null;
+ llm_key_source: string | null;
} | null;
const profileJobIds = Array.isArray(maybeProfileData?.job_ids)
@@ -531,13 +580,14 @@ export default async function Home({
? await supabase
.from("user_profiles")
.select(
- "persona_name, persona_tagline, persona_confidence, total_repos, total_commits, axes_json, repo_personas_json, updated_at"
+ "persona_id, persona_name, persona_tagline, persona_confidence, total_repos, total_commits, axes_json, repo_personas_json, updated_at, narrative_json, llm_model, llm_key_source"
)
.eq("user_id", user.id)
.maybeSingle()
: null;
const userProfileData = (profileIsStale ? refreshedProfileResult?.data ?? null : maybeProfileData) as {
+ persona_id: string;
persona_name: string;
persona_tagline: string | null;
persona_confidence: string;
@@ -551,6 +601,13 @@ export default async function Home({
commitCount: number;
}>;
updated_at: string | null;
+ narrative_json: {
+ headline?: string;
+ paragraphs?: string[];
+ highlights?: string[];
+ } | null;
+ llm_model: string | null;
+ llm_key_source: string | null;
} | null;
const recentDoneJobIds = recentDoneJobs.map((job) => job.id);
@@ -643,6 +700,7 @@ export default async function Home({
: undefined,
userProfile: userProfileData
? {
+ personaId: userProfileData.persona_id,
personaName: userProfileData.persona_name,
personaTagline: userProfileData.persona_tagline,
personaConfidence: userProfileData.persona_confidence,
@@ -651,6 +709,9 @@ export default async function Home({
axes: userProfileData.axes_json ?? {},
repoPersonas: userProfileData.repo_personas_json ?? [],
updatedAt: userProfileData.updated_at ?? null,
+ narrative: userProfileData.narrative_json ?? null,
+ llmModel: userProfileData.llm_model ?? null,
+ llmKeySource: userProfileData.llm_key_source ?? null,
}
: undefined,
};
@@ -743,7 +804,7 @@ function MarketingLanding() {
{
title: "Spec-Driven Architect",
description:
- "Plans thoroughly before touching code; constraints show up early and often.",
+ "Plans thoroughly before shipping changes; constraints show up early and often.",
},
{
title: "Test-First Validator",
@@ -771,13 +832,21 @@ function MarketingLanding() {
For vibe coders
- Find your Vibed coding profile{" "}
+
+ Find your Vibe Coding Profile (VCP)
+ {" "}
and the personality behind your workflow
- Vibed is a playful experiment by vibe coders who want to understand themselves
- better. We surface signals from your commit history to shine a light on how you build
- with AI. What feels like you, what feels new, and how your workflow is evolving.
+ A Vibe Coding Profile (VCP) is your AI-assisted engineering persona—revealed through patterns in your commit history. We surface signals from your git history to shine a light on
+ how you build with AI, what feels like you, what feels new, and how your workflow is
+ evolving.
+
+
+ The term “vibe coding” can be polarizing, but it captures the cultural moment around
+ AI-shaped development. We personally prefer “AI Assisted Engineering” because it’s
+ more explicit about the role of AI. This is a playful side project, so we keep it
+ light and approachable for non-technical folks.
@@ -846,7 +915,7 @@ function MarketingLanding() {
Persona previews
You may see one of these (or another persona). These are lenses on your
- vibe-coding style. Observations, not labels.
+ AI-assisted engineering (vibe-coding) style. Observations, not labels.
@@ -994,27 +1063,6 @@ function AuthenticatedDashboard({
const axisKeys = Object.keys(axisMeta) as Array;
- const cards = [
- {
- label: "Reads captured",
- value: stats.completedJobs,
- helper: "Every run adds a chapter.",
- },
- {
- label: "Vibe shifts",
- value: shiftValue,
- helper: shiftHelper,
- },
- {
- label: "Most frequent vibe",
- value: dominantPersona ?? "Still forming",
- helper:
- recentLabels.length === 0
- ? "Complete a vibe check to see your read."
- : `Based on your last ${recentLabels.length} reads.`,
- },
- ];
-
function generateCrossRepoInsight(): string {
if (!stats.userProfile) return "Add more repos to unlock cross-repo insights.";
const repos = stats.userProfile.repoPersonas ?? [];
@@ -1050,9 +1098,51 @@ function AuthenticatedDashboard({
return `Your ${stats.userProfile.personaName.toLowerCase()} profile emerges from ${repos.length} repos and ${stats.userProfile.totalCommits.toLocaleString()} commits.`;
}
+ // Compute top axes for share card
+ const topAxes = stats.userProfile
+ ? Object.entries(stats.userProfile.axes)
+ .map(([key, val]) => ({
+ name: axisMeta[key as keyof typeof axisMeta]?.name ?? key,
+ score: val.score,
+ }))
+ .sort((a, b) => b.score - a.score)
+ .slice(0, 4)
+ : [];
+
+ // Use LLM narrative if available, otherwise fall back to deterministic insight
+ const narrativeFromLLM = stats.userProfile?.narrative;
+ const crossRepoInsight = narrativeFromLLM?.headline
+ ? narrativeFromLLM.headline
+ : generateCrossRepoInsight();
+
+ // Full narrative paragraphs (for expanded display)
+ const narrativeParagraphs = narrativeFromLLM?.paragraphs ?? [];
+ const narrativeHighlights = narrativeFromLLM?.highlights ?? [];
+ const hasLLMNarrative = Boolean(narrativeFromLLM?.headline || narrativeParagraphs.length > 0);
+
return (
-
+
+ {/* HERO: Share Card - The main action for users with a profile */}
+ {stats.userProfile ? (
+
+ ) : null}
+
+ {/* Profile History - Version selector */}
+ {stats.userProfile ? (
+
+ ) : null}
+
{/* Unified Profile Card */}
{/* Section 1: Identity */}
@@ -1061,7 +1151,7 @@ function AuthenticatedDashboard({
- Your Vibed Profile
+ Your Unified VCP
{stats.completedJobs > 0 ? (
@@ -1072,12 +1162,12 @@ function AuthenticatedDashboard({
>
Add repo
-
- View vibed repos
-
+
+ View Repo VCPs
+
) : (
-
- Insight
-
+
+
+ Insight
+
+ {hasLLMNarrative && stats.userProfile.llmModel ? (
+
+ AI-generated
+
+ ) : null}
+
- {generateCrossRepoInsight()}
+ {crossRepoInsight}
+ {narrativeParagraphs.length > 0 ? (
+
+ {narrativeParagraphs.map((paragraph, idx) => (
+
+ {paragraph}
+
+ ))}
+
+ ) : null}
+ {narrativeHighlights.length > 0 ? (
+
+ {narrativeHighlights.map((highlight, idx) => (
+ -
+ •
+ {highlight}
+
+ ))}
+
+ ) : null}
) : null}
@@ -1152,7 +1268,7 @@ function AuthenticatedDashboard({
Your Axes
- The 6 signals that define your vibe coding style
+ The 6 signals that define your AI-assisted engineering (vibe coding) style
@@ -1199,7 +1315,7 @@ function AuthenticatedDashboard({
{stats.completedJobs}
- Vibed repos
+ Repo VCPs
@@ -1361,7 +1477,7 @@ function AuthenticatedDashboard({
Add repo
- View vibed repos
+ View Repo VCPs
)}
diff --git a/apps/web/src/app/security/page.tsx b/apps/web/src/app/security/page.tsx
index c064c03..8acd537 100644
--- a/apps/web/src/app/security/page.tsx
+++ b/apps/web/src/app/security/page.tsx
@@ -39,7 +39,7 @@ export default function SecurityPage() {
What we do
- Vibed Coding connects to GitHub, fetches commit history, computes metrics, and stores the
+ Vibe Coding Profile connects to GitHub, fetches commit history, computes metrics, and stores the
results in Supabase Postgres. Access to rows is scoped to your authenticated account
via Supabase Row Level Security (RLS) policies for user-facing reads.
@@ -66,7 +66,7 @@ export default function SecurityPage() {
Note: when fetching commit details from GitHub, the API response can include file
- paths and diff snippets. Vibed Coding’s current worker extracts and stores counts/stats
+ paths and diff snippets. Vibe Coding Profile’s current worker extracts and stores counts/stats
(like number of files and additions/deletions), not file contents.
@@ -88,7 +88,7 @@ export default function SecurityPage() {
Recommendations
- Vibed Coding is designed for personal insight. Keep the blast radius small.
+ Vibe Coding Profile is designed for personal insight. Keep the blast radius small.
{recommendations.map((item) => (
@@ -106,7 +106,7 @@ export default function SecurityPage() {