Skip to content

Commit 3339f2f

Browse files
f-amineclaude
andauthored
feat: vibestack rebrand, vendored skills, blog swarm, SEO foundation (#95)
Rebrand - Rename workspace from @Starter-SAAS to @VibeStack across 230+ files - Marketing hero, header, footer, OG route, metadata updated - README, CONTEXT.md, CLAUDE.md, AGENTS.md rewritten around the "AI-first SaaS starter" positioning Vendored Claude Code skills (.claude/skills/) - grill-with-docs, grill-me, to-prd, to-issues, triage, tdd, diagnose, prototype, improve-codebase-architecture, write-a-skill - New: setup (first-run env bootstrap), blog-writer (5-agent swarm), impeccable (frontend design, mandatory entry for UI work) - scripts/update-skills.sh + pnpm skills:update Web app redesign ("The Lit Reading Room") - Token overlay in apps/web/src/index.css maps shadcn vars to the marketing palette (deep blue-black ink, warm gold accent, parchment fg) - Fraunces + Geist + JetBrains Mono wired via next/font/google - Auth layout, sign-in/sign-up/forgot/verify/reset pages redesigned - App shell sidebar with gold active strip, mono section labels, vibe/stack logomark - Dashboard: typographic ledger replaces the 4-card stat grid - Success page, onboarding wizard hero updated - requireAdmin redirects fixed (no more localhost loop) SEO foundation - apps/marketing/src/app/robots.ts + sitemap.ts - metadataBase, alternates.canonical, hreflang on root layout - Per-page metadata for home, blog index, docs, docs slug - JSON-LD (Website, SoftwareApplication, BlogPosting, TechArticle) - Atom feed at /blog/feed.xml (top-level, outside [locale] matcher) - NEXT_PUBLIC_WEB_APP_URL required in prod, dev fallback warns - /og route runtime=edge, revalidate=86400 - rel=noopener noreferrer on external links, real GitHub URL, #how-it-works and #faq anchor IDs Toprank plugin wired - .mcp.json NotFair-GoogleAds + NotFair-MetaAds HTTP servers - /setup skill instructs marketplace install - CLAUDE.md/AGENTS.md route SEO/GEO/Ads intents to /toprank:* Blog writer swarm - Five-agent topology: researcher → writer → (SEO editor + image prompt architect)parallel → image producer - Image Prompt Architect rewrites placeholders with section-anchored prompts before any image is generated, avoiding generic abstract output - Gemini text + image worker scripts (write-long-blog-post.ts, gen-blog-inline-images.ts) - Images served from apps/marketing/public/blog/<slug>/, HTML <img> tags in MDX so fumadocs doesn't try to import them as modules - DynamicIslandTOC component in @vibestack/ui (motion + lucide-react), mounts on every blog post - Editorial typography (.blog-body) replaces @tailwindcss/typography - Two seed posts shipped as drafts ADRs - 0004 AI-first positioning - 0005 impeccable as default frontend skill - 0006 toprank for SEO/GEO/Ads - 0007 blog-writer swarm Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
1 parent c653426 commit 3339f2f

341 files changed

Lines changed: 22407 additions & 1279 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

.claude/skills/README.md

Lines changed: 39 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -1,61 +1,61 @@
1-
# Claude skills
1+
# Vibestack skills
22

3-
This project follows the Mattpocock skill workflow:
4-
<https://github.com/mattpocock/skills>
3+
These skills ship vendored with vibestack. They are loaded automatically by Claude Code when you open this repo — no install step required.
54

6-
Required skills (install once per machine via Claude Code marketplace OR clone into this folder):
5+
Source: [mattpocock/skills](https://github.com/mattpocock/skills), pinned at vendor time. Update with `pnpm skills:update` (see below).
6+
7+
## Workflow
8+
9+
```
10+
new feature → /grill-with-docs → /to-prd → /to-issues → /tdd → /review
11+
UI / design → /impeccable (mandatory entry for ANY frontend work)
12+
SEO / GEO → /toprank:seo-analysis (auto-routes on any SEO / Search Console / ranking phrase)
13+
Ads (Google, → /toprank:google-ads-audit, /toprank:meta-ads-audit
14+
Meta) (NotFair MCPs in .mcp.json carry the API calls)
15+
bug → /diagnose → /tdd
16+
refactor itch → /improve-codebase-architecture → ADR → /to-issues
17+
new idea → /prototype (throwaway to flush out the design)
18+
```
19+
20+
`/impeccable` is the **default skill for any frontend / UI work** in this repo — redesigns, new pages, "make this look better", spacing, colour, motion, copy, empty states, error states. Vibe-coders do not need to invoke it by name; agents and Claude sessions must route there first. See [ADR-0005](../../docs/adr/0005-impeccable-for-frontend-design.md).
21+
22+
`toprank` is the **default plugin for SEO, GEO (Generative Engine Optimization), Google Ads, and Meta Ads**. Installed via Claude Code marketplace during `/setup` — not vendored — so it stays current. Skills read live Google Search Console + PageSpeed Insights data via OAuth. See [ADR-0006](../../docs/adr/0006-toprank-for-seo-geo-ads.md).
23+
24+
## Available skills
725

826
| Skill | When to use |
927
|-------|-------------|
10-
| `grill-with-docs` | Stress-test plans against existing CONTEXT.md and ADRs. Updates docs as decisions crystallize. |
28+
| `setup` | First-time clone-to-running-app walkthrough. Generates `.env`, helps you collect API keys, installs `toprank` plugin. |
29+
| `impeccable` | **Mandatory for any UI / design work.** Reads `PRODUCT.md` + `DESIGN.md` and applies them to redesigns, polish, motion, accessibility, theming. |
30+
| `blog-writer` | **Mandatory for any blog / journal / long-form content.** Spawns a researcher → writer → SEO editor + image producer swarm. 15-20 min read with Gemini-generated inline images. Output: draft MDX in `apps/marketing/content/blog/`. |
31+
| `toprank` *(plugin)* | **Mandatory for SEO / GEO / Google Ads / Meta Ads.** Installed via marketplace, not vendored. Skills: `seo-analysis`, `keyword-research`, `content-writer`, `geo-optimizer`, `meta-tags-optimizer`, `schema-markup-generator`, `broken-link-checker`, `seo-page`, `google-ads-*`, `meta-ads-*`. Uses live Search Console + PageSpeed APIs. |
32+
| `grill-with-docs` | Stress-test plans against `CONTEXT.md` + ADRs. Updates docs inline as decisions crystallise. |
1133
| `grill-me` | Stress-test a plan without doc updates. |
1234
| `to-prd` | Turn current conversation context into a PRD issue. |
1335
| `to-issues` | Break a PRD into independently-grabbable issues (tracer-bullet vertical slices). |
14-
| `triage` | Triage incoming issues through state machine. |
36+
| `triage` | Triage incoming issues through a state machine. |
1537
| `tdd` | Red-green-refactor implementation. |
1638
| `diagnose` | Reproduce → minimise → hypothesise → fix loop for hard bugs. |
1739
| `improve-codebase-architecture` | Find deepening / refactoring opportunities informed by CONTEXT.md + ADRs. |
18-
| `prototype` | Throwaway prototype to flush out a design. |
40+
| `prototype` | Throwaway prototype to flush out a design before committing. |
41+
| `write-a-skill` | Author a new vibestack skill following the project conventions. |
1942

20-
## Install
21-
22-
### Option A — user-global (preferred)
23-
Install the Mattpocock skills marketplace plugin once:
43+
## Updating vendored skills
2444

2545
```bash
26-
claude plugin install mattpocock/skills
46+
pnpm skills:update # pulls latest from mattpocock/skills and overlays into .claude/skills/
2747
```
2848

29-
### Option B — project-local
30-
Clone the skills repo into this folder so they ship with the starter:
49+
This script preserves any vibestack-only skills (`setup`, anything you add). It only refreshes the upstream-managed ones.
3150

32-
```bash
33-
git clone --depth 1 https://github.com/mattpocock/skills.git .claude/skills/_mattpocock
34-
cp -r .claude/skills/_mattpocock/skills/* .claude/skills/
35-
rm -rf .claude/skills/_mattpocock
36-
```
37-
38-
## Workflow for new features
39-
40-
```
41-
idea
42-
→ /grill-with-docs # stress-test design, update CONTEXT.md + relevant ADR
43-
→ /to-prd # publish PRD as an issue
44-
→ /to-issues # split PRD into vertical-slice issues
45-
→ /tdd # implement issue red-green-refactor
46-
→ /review # code review of own PR before merging
47-
```
51+
## Adding your own skills
4852

49-
Bugs:
53+
Use `/write-a-skill` from inside Claude Code, or create the folder by hand:
5054

5155
```
52-
bug report
53-
→ /diagnose # reproduce → minimise → fix → regression test
56+
.claude/skills/<your-skill>/
57+
SKILL.md # frontmatter + instructions
58+
*.md # supporting docs the skill loads on demand
5459
```
5560

56-
Refactors:
57-
58-
```
59-
itch
60-
→ /improve-codebase-architecture # find deepening opportunities, propose ADR
61-
```
61+
Register the skill in the table above so other contributors discover it.

0 commit comments

Comments
 (0)