# Taste-Skill — Pure Markdown Documentation & 30 Flagship Design System Token Reference

> **Canonical URL**: `https://taste-skill.pages.dev/help-md/overview.md`
> **Interactive Workbench**: `https://taste-skill.pages.dev/`
> **Full Machine-Readable Corpus**: `https://taste-skill.pages.dev/llms-full.txt`
> **20-Site $10k–$422k/mo pSEO Study**: `https://taste-skill.pages.dev/help-md/pseo-teardown.md`
> **Last Updated**: `2026-10-29`

---

## 1. What is Taste-Skill?

**Taste-Skill** (`npx github:WuDao0123/taste-skill`) is an open-source design system token extractor and commercial Growth & Revenue Agent Skills Suite built for **Cursor**, **Claude Code**, **OpenAI Codex**, **Windsurf**, and **Trae**.

It solves the two biggest failure modes of AI-assisted ("vibe-coded") software products:
1. **Visual "AI Slop" (Part B — Aesthetic Design System Layer)**: Coding agents default to generic purple-to-blue neon gradients (`from-indigo-500 to-purple-600`), mismatched card border radii, muddy drop shadows, and flat typography because they lack computed design system constraints. Taste-Skill provides **30 Playwright DOM area-weighted flagship `SKILL.md` files** (extracted from Linear, Stripe, Cursor, Vercel, Raycast, Anthropic, Notion, Resend, Supabase, etc.) plus a local CLI & browser workbench that converts any URL or pasted UI screenshot (`Cmd+V`) into a deterministic `SKILL.md` in 30 seconds.
2. **Zero Organic Traffic & Leaky Conversion Funnels (Part A — Growth & Revenue Layer)**: Shipping features is no longer the bottleneck; distribution and conversion are. We crawled and reverse-engineered **20 verified `$10,000–$422,000/mo` indie SaaS sites** (`27,360` core sitemap URLs analyzed; `91.4%` programmatic SEO route share; `50%` `/llms.txt` adoption) and packaged their exact growth mechanics into **4 executable Agent `SKILL.md` playbooks**, **5 local Node.js/Playwright automation scripts** (zero paid API keys), **22 raw JSON competitor blueprints**, and **4 production Next.js / React / Tailwind conversion components**.

---

## 2. Quick CLI Usage & Zero-Card Personalized VIP Code Redemption

### Open-Source CLI Commands (Zero Signup, MIT Free)
```bash
# 1. List all 30 flagship design systems
npx --yes github:WuDao0123/taste-skill list

# 2. Semantic search across the 30 flagship design systems
npx --yes github:WuDao0123/taste-skill find "dark precision saas"

# 3. Install any flagship design system into .cursor/skills/<brand>/SKILL.md
npx --yes github:WuDao0123/taste-skill add linear
npx --yes github:WuDao0123/taste-skill add stripe
npx --yes github:WuDao0123/taste-skill add cursor

# 4. Extract a deterministic SKILL.md from any live website URL
npx --yes github:WuDao0123/taste-skill extract https://linear.app

# 5. Extract a deterministic SKILL.md from a local UI screenshot
npx --yes github:WuDao0123/taste-skill from-image ./ui-screenshot.png
```

### Personalized VIP Code Redemption (`*VIP` / `*G1M` — Zero Credit Card Required)
Unlike SaaS tools that trap builders into a 7-day auto-renewing credit card trial, **Taste-Skill VIP Codes require zero credit card**:
- **How to Redeem**: Visit `https://taste-skill.pages.dev/#pricing-section` (or append `?vip=YOURHANDLEVIP` to the URL, e.g., `https://taste-skill.pages.dev/?vip=RUNCHENGLNVIP`) and enter any personalized VIP code ending in `VIP` or `G1M`.
- **What It Unlocks Immediately**:
  1. **$0 Free 30-Brand Starter Pack + Full 27,360-URL pSEO Corpus**: Immediate access to all 30 flagship `SKILL.md` files, the interactive URL/Screenshot-to-`SKILL.md` workbench, and the complete 20-site pSEO teardown dataset (`/help-md/pseo-teardown.md` & `/llms-full.txt`).
  2. **50% OFF Pro Bundle VIP Founder Rate ($49 USD One-Time vs $99 Regular / Extra $20 OFF $69 Early-Bird)**: Pre-fills your VIP code in the instant order modal with zero recurring subscription traps.

---

## 3. Full Token Index of All 30 Flagship Design Systems (`/taste/<slug>/`)

Every design system below was extracted from live production DOM via Playwright `getComputedStyle` area-weighting and CSS stylesheet token scanning:

| # | Brand (Domain) | Mode | Aesthetic Archetype | Canvas BG | Surface BG | Primary Text | Accent Hex | Border Token | Fonts (Heading / Mono) | H1 Scale | Canonical URL |
| :--- | :--- | :--- | :--- | :--- | :--- | :--- | :--- | :--- | :--- | :--- | :--- |
| 1 | **Linear** (`linear.app`) | dark | Dark Precision SaaS & Industrial Craftsmanship | `#08090A` | `#0F1011` | `#F7F8F8` | `#5E6AD2` | `rgba(255, 255, 255, 0.08)` | Inter Variable / Berkeley Mono | 64px / -0.022em (w510) | [Token Page](https://taste-skill.pages.dev/taste/linear/) |
| 2 | **Stripe** (`stripe.com`) | dual | High-Craft Financial Infrastructure & Editorial Light/Navy Dual-Mode | `#FFFFFF` | `#F8FAFD` | `#061B31` | `#533AFD` | `#E5EDF5` | Söhne Variable (sohne-var) / SourceCodePro | 48px–56px / -0.025em (w300) | [Token Page](https://taste-skill.pages.dev/taste/stripe/) |
| 3 | **Resend** (`resend.com`) | dark | Obsidian Developer Luxury & Editorial Serif-Meets-Mono | `#000000` | `#141517` | `#F0F0F0` | `#00A3FF` | `rgba(212, 234, 255, 0.19)` | Domaine / ABC Favorit / CommitMono | 96px / -0.01em (Domaine) | [Token Page](https://taste-skill.pages.dev/taste/resend/) |
| 4 | **Vercel** (`vercel.com`) | light | Geist Architectural Grid & Swiss Precision Monochrome | `#FAFAFA` | `#FFFFFF` | `#171717` | `#0070F3` | `#EBEBEB` | GeistSans / GeistMono | 64px / -0.06em (w400) | [Token Page](https://taste-skill.pages.dev/taste/vercel/) |
| 5 | **Supabase** (`supabase.com`) | light | Postgres Emerald Technical Clarity & Clean Modular Bento | `#FDFDFD` | `#FFFFFF` | `#030303` | `#0E7E4E` | `rgba(0, 0, 0, 0.08)` | Manrope / Source Code Pro | 46px / 0em (w500) | [Token Page](https://taste-skill.pages.dev/taste/supabase/) |
| 6 | **Raycast** (`raycast.com`) | dark | Desktop-Class macOS Acrylic Glass & Crimson Spotlight | `#07080A` | `#141517` | `#FFFFFF` | `#FF6363` | `rgba(255, 255, 255, 0.08)` | Inter / JetBrains Mono | 64px / 1.1 (w600) | [Token Page](https://taste-skill.pages.dev/taste/raycast/) |
| 7 | **Cursor** (`cursor.com`) | light | Warm Archival Paper & Frontier AI Research Craft | `#F7F7F4` | `#F2F1ED` | `#26251E` | `#26251E` | `rgba(39, 39, 29, 0.1)` | CursorGothic / berkeleyMono | 36px / -0.02em (w400) | [Token Page](https://taste-skill.pages.dev/taste/cursor/) |
| 8 | **Clerk** (`clerk.com`) | light | Tactile Micro-Shadow Auth Components & Electric Violet | `#F7F7F8` | `#FFFFFF` | `#131316` | `#6C47FF` | `rgba(0, 0, 0, 0.06)` | Geist / geistNumbers / soehneMono | 56px / -0.035em (w700) | [Token Page](https://taste-skill.pages.dev/taste/clerk/) |
| 9 | **Mintlify** (`mintlify.com`) | light | Warm Daylight Documentation & Editorial Arizona Flare Serif | `#FFFFFF` | `#F9F6F3` | `#121715` | `#0077A6` | `#F1F0EE` | arizonaFlare / JetBrains Mono | 50px / -0.04em (w400) | [Token Page](https://taste-skill.pages.dev/taste/mintlify/) |
| 10 | **Cal.com** (`cal.com`) | light | Neo-Brutalist Swiss Scheduling & Geometric Cal Sans | `#F4F4F4` | `#FFFFFF` | `#242424` | `#242424` | `#E5E5E5` | Cal Sans / Roboto Mono | 64px / 1.1 (w600) | [Token Page](https://taste-skill.pages.dev/taste/cal/) |
| 11 | **Dub** (`dub.co`) | light | Modern Link Attribution & Crisp Satoshi/Geist Minimalist | `#FAFAFA` | `#FFFFFF` | `#171717` | `#000000` | `#E5E5E5` | Satoshi / GeistMono | 48px / 1.15 (w500) | [Token Page](https://taste-skill.pages.dev/taste/dub/) |
| 12 | **Trigger.dev** (`trigger.dev`) | dark | Industrial Dark Slate & Electric Acid-Lime Telemetry | `#121317` | `#15171A` | `#D7D9DD` | `#A8FF53` | `#1C1E21` | Satoshi-Variable / Geist Mono | 60px / 1.0 (w600) | [Token Page](https://taste-skill.pages.dev/taste/trigger/) |
| 13 | **Railway** (`railway.com`) | dark | Deep Cosmic Violet Infrastructure & IBM Plex Serif Editorial | `#13111C` | `#1B2132` | `#FFFFFF` | `#8B5CF6` | `rgba(255, 255, 255, 0.1)` | IBM Plex Serif / IBM Plex Mono | 54px / -0.036em (w500) | [Token Page](https://taste-skill.pages.dev/taste/railway/) |
| 14 | **PlanetScale** (`planetscale.com`) | light | Pure Monospace ASCII Engineering Manual & Zero-Radius Brutalism | `#FAFAFA` | `#FFFFFF` | `#111111` | `#F35815` | `#C1C1C1` | SF Mono / ui-monospace / SF Mono / ui-monospace | 20px Mono / -0.02em (w700) | [Token Page](https://taste-skill.pages.dev/taste/planetscale/) |
| 15 | **Turso** (`turso.tech`) | dark | Deep Oceanic Teal & Neon Aquamarine Edge Database | `#0F1317` | `#0D1318` | `#FFFFFF` | `#4FF8D2` | `#283945` | Inter (800 ExtraBold) / JetBrains Mono | 60px / -0.025em (w800) | [Token Page](https://taste-skill.pages.dev/taste/turso/) |
| 16 | **Neon** (`neon.tech`) | dark | Serverless Pitch-Black & Luminous Cyber-Mint Postgres | `#000000` | `#131415` | `#FFFFFF` | `#34D59A` | `#242628` | Inter / JetBrains Mono | 56px / -0.04em (w400) | [Token Page](https://taste-skill.pages.dev/taste/neon/) |
| 17 | **Upstash** (`upstash.com`) | light | Oversized Emerald Typography & Clean Serverless Daylight | `#F5F5F5` | `#FFFFFF` | `#022C22` | `#00BC7D` | `rgba(0, 0, 0, 0.05)` | Inter Tight / JetBrains Mono | 128px / -0.025em (w700) | [Token Page](https://taste-skill.pages.dev/taste/upstash/) |
| 18 | **Inngest** (`inngest.com`) | dark | Warm Obsidian Stone & Swiss Whyte / Coral-Cobalt Contrast | `#0C0A09` | `#1C1C1C` | `#FFFFFF` | `#F76246` | `rgba(255, 255, 255, 0.08)` | WhyteV1 / CircularXXMono | 72px / 0.95 (w400) | [Token Page](https://taste-skill.pages.dev/taste/inngest/) |
| 19 | **WorkOS** (`workos.com`) | light | Enterprise-Ready Architectural Precision & Untitled Sans | `#F9F9FB` | `#FFFFFF` | `#29363D` | `#6363F1` | `#E8EAED` | Untitled Sans / IBM Plex Mono | 80px / -0.07em (w500) | [Token Page](https://taste-skill.pages.dev/taste/workos/) |
| 20 | **Loops** (`loops.so`) | light | Warm Editorial SaaS & Newsreader Serif Craft | `#FDFDFC` | `#F9F9F8` | `#21201C` | `#7D1B0C` | `#E9E8E6` | Newsreader / SF Mono | 44px / -0.02em (w500) | [Token Page](https://taste-skill.pages.dev/taste/loops/) |
| 21 | **Attio** (`attio.com`) | light | Next-Gen CRM Spreadsheet-Grid Precision & Inter Display | `#FFFFFF` | `#F3F4F6` | `#1C1D1F` | `#1C1D1F` | `#E4E7EC` | interDisplay / JetBrains Mono | 64px / 0.95 (w600) | [Token Page](https://taste-skill.pages.dev/taste/attio/) |
| 22 | **Ashby** (`ashbyhq.com`) | light | Analytics-Driven Recruiting SaaS & Royal Indigo TTNormsPro | `#FFFFFF` | `#FCFCFE` | `#141415` | `#473BCE` | `#EEEDEF` | TTNormsPro / SF Mono | 72px / -0.04em (w575) | [Token Page](https://taste-skill.pages.dev/taste/ashby/) |
| 23 | **Notion** (`notion.so`) | light | Warm Workspace Canvas & Monumental NotionInter Display | `#FFFFFF` | `#F6F5F4` | `#000000` | `#0075DE` | `rgba(0, 0, 0, 0.1)` | NotionInter / SFMono-Regular | 96px / -0.048em (w600) | [Token Page](https://taste-skill.pages.dev/taste/notion/) |
| 24 | **Framer** (`framer.com`) | dark | Pitch-Black Interactive Canvas & Electric #0099FF Blue Glow | `#000000` | `#111111` | `#FFFFFF` | `#0099FF` | `rgba(0, 153, 255, 0.42)` | GT Walsheim Medium / JetBrains Mono | 54px / -0.04em (w500) | [Token Page](https://taste-skill.pages.dev/taste/framer/) |
| 25 | **Tailwind CSS** (`tailwindcss.com`) | light | Engineered CSS Grid Lines & Technical Blueprint Precision | `#FFFFFF` | `#F8FAFC` | `#030712` | `#0EA5E9` | `rgba(0, 0, 20, 0.05)` | Inter / IBM Plex Mono (plexMono) | 96px / -0.05em (w400) | [Token Page](https://taste-skill.pages.dev/taste/tailwindcss/) |
| 26 | **shadcn/ui** (`ui.shadcn.com`) | light | Zinc Monochrome Component Primitives & Zero-Distraction Craft | `#FFFFFF` | `#F5F5F5` | `#0A0A0A` | `#171717` | `#E5E5E5` | Geist / Geist Mono | 48px / -0.05em (w600) | [Token Page](https://taste-skill.pages.dev/taste/shadcn/) |
| 27 | **Anthropic** (`anthropic.com`) | light | Humanist Warm Parchment & Literary AI Safety Editorial | `#FAF9F5` | `#F5F4ED` | `#141413` | `#D97757` | `#DEDCD1` | anthropicSerif / JetBrains Mono | 40.8px / -0.01em (w400) | [Token Page](https://taste-skill.pages.dev/taste/anthropic/) |
| 28 | **ElevenLabs** (`elevenlabs.io`) | light | Swiss Audio Minimalist & Light-Weight Waldenburg Precision | `#FDFCFC` | `#F5F3F1` | `#000000` | `#000000` | `rgba(0, 0, 0, 0.07)` | Waldenburg (w300) / Geist Mono | 48px / -0.02em (w300) | [Token Page](https://taste-skill.pages.dev/taste/elevenlabs/) |
| 29 | **Polar** (`polar.sh`) | dark | Nordic Dark Monetization & PP Neue Montreal Minimalist | `#090909` | `#111111` | `#FFFFFF` | `#FFFFFF` | `#212121` | PP Neue Montreal / GeistMono | 36px / 1.25 (w400) | [Token Page](https://taste-skill.pages.dev/taste/polar/) |
| 30 | **PostHog** (`posthog.com`) | light | Tactile Retro-OS Brutalist & Warm Sand / Amber Craft | `#EEEFE9` | `#E5E7E0` | `#23251D` | `#EB9D2A` | `#B17816` | RoundHog / Matter / Source Code Pro | 36px / -0.025em (w800) | [Token Page](https://taste-skill.pages.dev/taste/posthog/) |

---

## 4. Detailed Token Specifications & Anti-Slop Hard Bans for All 30 Brands

### 4.1 Linear (`linear.app`) — Dark Precision SaaS & Industrial Craftsmanship
- **Canonical Token Page**: https://taste-skill.pages.dev/taste/linear/
- **Install Command**: `npx --yes github:WuDao0123/taste-skill add linear`
- **Mode & Category**: `dark` mode · DevTools & SaaS
- **Visual Signature**: Ultra-dark #08090A carbon canvas + 1px rgba(255,255,255,0.08) translucent hairlines + Inter Variable 510 weight (-0.022em) + Berkeley Mono telemetry.
- **Exact Color Tokens**:
  - `canvasBg`: `#08090A`
  - `surfaceLevel1`: `#0F1011`
  - `textPrimary`: `#F7F8F8`
  - `textMuted`: `#8A8F98`
  - `accentBrand`: `#5E6AD2`
  - `borderHairline`: `rgba(255, 255, 255, 0.08)`
- **Typography & Component Metrics**:
  - Heading Font: `Inter Variable` | Body Font: `Inter Variable` | Monospace Font: `Berkeley Mono`
  - Hero H1 Scale: `64px / -0.022em (w510)`
  - Button Radius: `9999px (Pill) / 6px`
  - Border Formula: `1px rgba(255,255,255,0.08)`
- **Semantic Tags**: `dark`, `precision`, `saas`, `linear`, `hairline-borders`, `bento-grid`, `issue-tracker`, `minimalist`, `micro-shadows`, `indigo`, `carbon-black`, `dashboard`, `ai-agents`

### 4.2 Stripe (`stripe.com`) — High-Craft Financial Infrastructure & Editorial Light/Navy Dual-Mode
- **Canonical Token Page**: https://taste-skill.pages.dev/taste/stripe/
- **Install Command**: `npx --yes github:WuDao0123/taste-skill add stripe`
- **Mode & Category**: `dual` mode · Fintech & Enterprise
- **Visual Signature**: Daylight #FFFFFF & cool ice-slate #E5EDF5 bento grids contrasted with #0D1738 deep navy sections, light-weight 300 Söhne Variable typography, and 4px #533AFD CTAs.
- **Exact Color Tokens**:
  - `canvasBg`: `#FFFFFF`
  - `surfaceLevel1`: `#F8FAFD`
  - `textPrimary`: `#061B31`
  - `textMuted`: `#50617A`
  - `accentBrand`: `#533AFD`
  - `borderHairline`: `#E5EDF5`
- **Typography & Component Metrics**:
  - Heading Font: `Söhne Variable (sohne-var)` | Body Font: `Söhne Variable` | Monospace Font: `SourceCodePro`
  - Hero H1 Scale: `48px–56px / -0.025em (w300)`
  - Button Radius: `4px (Crisp HDS)`
  - Border Formula: `1px solid #E5EDF5`
- **Semantic Tags**: `light`, `dual`, `fintech`, `payments`, `billing`, `pricing`, `enterprise`, `stripe`, `mesh-gradient`, `editorial`, `navy`, `indigo`, `bento`, `revenue`

### 4.3 Resend (`resend.com`) — Obsidian Developer Luxury & Editorial Serif-Meets-Mono
- **Canonical Token Page**: https://taste-skill.pages.dev/taste/resend/
- **Install Command**: `npx --yes github:WuDao0123/taste-skill add resend`
- **Mode & Category**: `dark` mode · DevTools & Infra
- **Visual Signature**: True #000000 obsidian canvas with rgba(212,234,255,0.19) ice-tinted borders, 96px Domaine editorial serif H1, -0.05em ABC Favorit H2, CommitMono code, and blur(25px) glass CTAs.
- **Exact Color Tokens**:
  - `canvasBg`: `#000000`
  - `surfaceLevel1`: `#141517`
  - `textPrimary`: `#F0F0F0`
  - `textMuted`: `#A1A4A5`
  - `accentBrand`: `#00A3FF`
  - `borderHairline`: `rgba(212, 234, 255, 0.19)`
- **Typography & Component Metrics**:
  - Heading Font: `Domaine / ABC Favorit` | Body Font: `Inter` | Monospace Font: `CommitMono`
  - Hero H1 Scale: `96px / -0.01em (Domaine)`
  - Button Radius: `16px (Blur 25px Glass)`
  - Border Formula: `1px rgba(212,234,255,0.19)`
- **Semantic Tags**: `dark`, `obsidian`, `pitch-black`, `devtools`, `developer`, `email`, `api`, `resend`, `serif`, `editorial`, `mono`, `frosted-glass`, `ice-slate-border`, `luxury`

### 4.4 Vercel (`vercel.com`) — Geist Architectural Grid & Swiss Precision Monochrome
- **Canonical Token Page**: https://taste-skill.pages.dev/taste/vercel/
- **Install Command**: `npx --yes github:WuDao0123/taste-skill add vercel`
- **Mode & Category**: `light` mode · DevTools & Infra
- **Visual Signature**: Architectural #FAFAFA / #FFFFFF daylight grid with exposed 1px #EBEBEB structural hairlines, corner crosshair markers, ultra-tight -0.06em GeistSans display type, and #171717 monochrome CTAs.
- **Exact Color Tokens**:
  - `canvasBg`: `#FAFAFA`
  - `surfaceLevel1`: `#FFFFFF`
  - `textPrimary`: `#171717`
  - `textMuted`: `#4D4D4D`
  - `accentBrand`: `#0070F3`
  - `borderHairline`: `#EBEBEB`
- **Typography & Component Metrics**:
  - Heading Font: `GeistSans` | Body Font: `GeistSans` | Monospace Font: `GeistMono`
  - Hero H1 Scale: `64px / -0.06em (w400)`
  - Button Radius: `6px / 9999px`
  - Border Formula: `1px solid #EBEBEB`
- **Semantic Tags**: `light`, `monochrome`, `grid`, `crosshairs`, `geist`, `vercel`, `developer`, `cloud`, `infra`, `minimal`, `swiss`, `high-contrast`, `1px-grid`

### 4.5 Supabase (`supabase.com`) — Postgres Emerald Technical Clarity & Clean Modular Bento
- **Canonical Token Page**: https://taste-skill.pages.dev/taste/supabase/
- **Install Command**: `npx --yes github:WuDao0123/taste-skill add supabase`
- **Mode & Category**: `light` mode · DevTools & Infra
- **Visual Signature**: Crisp #FDFDFD canvas with rgba(0,0,0,0.08) hairline bento modules, geometric Manrope headings, Source Code Pro SQL snippets, and signature #0E7E4E / #3ECF8E Postgres emerald accents.
- **Exact Color Tokens**:
  - `canvasBg`: `#FDFDFD`
  - `surfaceLevel1`: `#FFFFFF`
  - `textPrimary`: `#030303`
  - `textMuted`: `#696969`
  - `accentBrand`: `#0E7E4E`
  - `borderHairline`: `rgba(0, 0, 0, 0.08)`
- **Typography & Component Metrics**:
  - Heading Font: `Manrope` | Body Font: `Inter / Manrope` | Monospace Font: `Source Code Pro`
  - Hero H1 Scale: `46px / 0em (w500)`
  - Button Radius: `8px`
  - Border Formula: `1px rgba(0,0,0,0.08)`
- **Semantic Tags**: `light`, `database`, `postgres`, `emerald`, `green`, `devtools`, `backend`, `supabase`, `bento`, `sql`, `monospace`, `open-source`

### 4.6 Raycast (`raycast.com`) — Desktop-Class macOS Acrylic Glass & Crimson Spotlight
- **Canonical Token Page**: https://taste-skill.pages.dev/taste/raycast/
- **Install Command**: `npx --yes github:WuDao0123/taste-skill add raycast`
- **Mode & Category**: `dark` mode · AI & Productivity
- **Visual Signature**: Deep #07080A midnight canvas with rgba(255,255,255,0.02) translucent acrylic panels, 1px rgba(255,255,255,0.08) specular rims, keyboard shortcut kbd badges, and #FF6363 ruby glow.
- **Exact Color Tokens**:
  - `canvasBg`: `#07080A`
  - `surfaceLevel1`: `#141517`
  - `textPrimary`: `#FFFFFF`
  - `textMuted`: `#9CA3AF`
  - `accentBrand`: `#FF6363`
  - `borderHairline`: `rgba(255, 255, 255, 0.08)`
- **Typography & Component Metrics**:
  - Heading Font: `Inter` | Body Font: `Inter` | Monospace Font: `JetBrains Mono`
  - Hero H1 Scale: `64px / 1.1 (w600)`
  - Button Radius: `10px`
  - Border Formula: `1px rgba(255,255,255,0.08)`
- **Semantic Tags**: `dark`, `glassmorphism`, `macos`, `desktop`, `launcher`, `productivity`, `raycast`, `crimson`, `keyboard`, `command-palette`, `acrylic`

### 4.7 Cursor (`cursor.com`) — Warm Archival Paper & Frontier AI Research Craft
- **Canonical Token Page**: https://taste-skill.pages.dev/taste/cursor/
- **Install Command**: `npx --yes github:WuDao0123/taste-skill add cursor`
- **Mode & Category**: `light` mode · AI & Productivity
- **Visual Signature**: Warm archival paper canvas (#F7F7F4 / #F2F1ED) with deep charcoal-olive ink (#26251E), bespoke CursorGothic + EB Garamond editorial quotes + BerkeleyMono diff blocks and timeline tokens.
- **Exact Color Tokens**:
  - `canvasBg`: `#F7F7F4`
  - `surfaceLevel1`: `#F2F1ED`
  - `textPrimary`: `#26251E`
  - `textMuted`: `rgba(38, 36, 29, 0.55)`
  - `accentBrand`: `#26251E`
  - `borderHairline`: `rgba(39, 39, 29, 0.1)`
- **Typography & Component Metrics**:
  - Heading Font: `CursorGothic` | Body Font: `CursorGothic / EB Garamond` | Monospace Font: `berkeleyMono`
  - Hero H1 Scale: `36px / -0.02em (w400)`
  - Button Radius: `9999px (Pill)`
  - Border Formula: `1px rgba(39,39,29,0.1)`
- **Semantic Tags**: `light`, `warm`, `paper`, `editorial`, `ai`, `coding-agent`, `cursor`, `serif`, `berkeley-mono`, `minimalist`, `research`, `ide`

### 4.8 Clerk (`clerk.com`) — Tactile Micro-Shadow Auth Components & Electric Violet
- **Canonical Token Page**: https://taste-skill.pages.dev/taste/clerk/
- **Install Command**: `npx --yes github:WuDao0123/taste-skill add clerk`
- **Mode & Category**: `light` mode · DevTools & Infra
- **Visual Signature**: Cool alabaster #F7F7F8 canvas with floating #FFFFFF auth cards, multi-layered ring micro-shadows, tight -0.035em Geist headings, SoehneMono snippets, and #6C47FF electric violet accents.
- **Exact Color Tokens**:
  - `canvasBg`: `#F7F7F8`
  - `surfaceLevel1`: `#FFFFFF`
  - `textPrimary`: `#131316`
  - `textMuted`: `#747686`
  - `accentBrand`: `#6C47FF`
  - `borderHairline`: `rgba(0, 0, 0, 0.06)`
- **Typography & Component Metrics**:
  - Heading Font: `Geist / geistNumbers` | Body Font: `Inter / Geist` | Monospace Font: `soehneMono`
  - Hero H1 Scale: `56px / -0.035em (w700)`
  - Button Radius: `9999px / 6px`
  - Border Formula: `1px rgba(0,0,0,0.06)`
- **Semantic Tags**: `light`, `auth`, `components`, `micro-shadows`, `violet`, `purple`, `clerk`, `devtools`, `saas`, `tactile`, `bento`

### 4.9 Mintlify (`mintlify.com`) — Warm Daylight Documentation & Editorial Arizona Flare Serif
- **Canonical Token Page**: https://taste-skill.pages.dev/taste/mintlify/
- **Install Command**: `npx --yes github:WuDao0123/taste-skill add mintlify`
- **Mode & Category**: `light` mode · DevTools & SaaS
- **Visual Signature**: Clean #FFFFFF & warm sand #F9F6F3 surfaces paired with deep forest ink #121715, 50px ArizonaFlare editorial display typography (-0.04em tracking), and crisp 4px #08090A / #0077A6 CTAs.
- **Exact Color Tokens**:
  - `canvasBg`: `#FFFFFF`
  - `surfaceLevel1`: `#F9F6F3`
  - `textPrimary`: `#121715`
  - `textMuted`: `rgba(8, 9, 10, 0.8)`
  - `accentBrand`: `#0077A6`
  - `borderHairline`: `#F1F0EE`
- **Typography & Component Metrics**:
  - Heading Font: `arizonaFlare` | Body Font: `Inter` | Monospace Font: `JetBrains Mono`
  - Hero H1 Scale: `50px / -0.04em (w400)`
  - Button Radius: `4px`
  - Border Formula: `1px solid #F1F0EE`
- **Semantic Tags**: `light`, `docs`, `documentation`, `serif`, `warm`, `mintlify`, `ai`, `devtools`, `editorial`, `clean`

### 4.10 Cal.com (`cal.com`) — Neo-Brutalist Swiss Scheduling & Geometric Cal Sans
- **Canonical Token Page**: https://taste-skill.pages.dev/taste/cal/
- **Install Command**: `npx --yes github:WuDao0123/taste-skill add cal`
- **Mode & Category**: `light` mode · DevTools & SaaS
- **Visual Signature**: Tactile #F4F4F4 industrial stone canvas with crisp #FFFFFF widget cards, bold 64px geometric Cal Sans display headings, high-contrast #242424 ink, and #AA61F1 violet scheduling accents.
- **Exact Color Tokens**:
  - `canvasBg`: `#F4F4F4`
  - `surfaceLevel1`: `#FFFFFF`
  - `textPrimary`: `#242424`
  - `textMuted`: `#898989`
  - `accentBrand`: `#242424`
  - `borderHairline`: `#E5E5E5`
- **Typography & Component Metrics**:
  - Heading Font: `Cal Sans` | Body Font: `Inter` | Monospace Font: `Roboto Mono`
  - Hero H1 Scale: `64px / 1.1 (w600)`
  - Button Radius: `12px`
  - Border Formula: `1px solid #E5E5E5`
- **Semantic Tags**: `light`, `scheduling`, `calendar`, `open-source`, `cal`, `calsans`, `geometric`, `bento`, `saas`, `stone`

### 4.11 Dub (`dub.co`) — Modern Link Attribution & Crisp Satoshi/Geist Minimalist
- **Canonical Token Page**: https://taste-skill.pages.dev/taste/dub/
- **Install Command**: `npx --yes github:WuDao0123/taste-skill add dub`
- **Mode & Category**: `light` mode · DevTools & SaaS
- **Visual Signature**: Airy #FAFAFA canvas with #FFFFFF analytics cards, #E5E5E5 1px borders, geometric Satoshi 48px display headings, GeistMono shortlinks, and high-contrast #000000 8px-radius primary buttons.
- **Exact Color Tokens**:
  - `canvasBg`: `#FAFAFA`
  - `surfaceLevel1`: `#FFFFFF`
  - `textPrimary`: `#171717`
  - `textMuted`: `#737373`
  - `accentBrand`: `#000000`
  - `borderHairline`: `#E5E5E5`
- **Typography & Component Metrics**:
  - Heading Font: `Satoshi` | Body Font: `Inter / Satoshi` | Monospace Font: `GeistMono`
  - Hero H1 Scale: `48px / 1.15 (w500)`
  - Button Radius: `8px`
  - Border Formula: `1px solid #E5E5E5`
- **Semantic Tags**: `light`, `analytics`, `marketing`, `saas`, `dub`, `satoshi`, `geist-mono`, `minimalist`, `clean`, `bento`

### 4.12 Trigger.dev (`trigger.dev`) — Industrial Dark Slate & Electric Acid-Lime Telemetry
- **Canonical Token Page**: https://taste-skill.pages.dev/taste/trigger/
- **Install Command**: `npx --yes github:WuDao0123/taste-skill add trigger`
- **Mode & Category**: `dark` mode · DevTools & Infra
- **Visual Signature**: Deep gunmetal #121317 canvas with #15171A / #212327 workflow nodes, #1C1E21 structural borders, 60px Satoshi-Variable headings, Geist Mono logs, and #A8FF53 electric lime status accents.
- **Exact Color Tokens**:
  - `canvasBg`: `#121317`
  - `surfaceLevel1`: `#15171A`
  - `textPrimary`: `#D7D9DD`
  - `textMuted`: `#878C99`
  - `accentBrand`: `#A8FF53`
  - `borderHairline`: `#1C1E21`
- **Typography & Component Metrics**:
  - Heading Font: `Satoshi-Variable` | Body Font: `Inter / Satoshi` | Monospace Font: `Geist Mono`
  - Hero H1 Scale: `60px / 1.0 (w600)`
  - Button Radius: `4px`
  - Border Formula: `1px solid #1C1E21`
- **Semantic Tags**: `dark`, `devtools`, `background-jobs`, `workflows`, `acid-lime`, `neon-green`, `trigger`, `satoshi`, `geist-mono`, `industrial`

### 4.13 Railway (`railway.com`) — Deep Cosmic Violet Infrastructure & IBM Plex Serif Editorial
- **Canonical Token Page**: https://taste-skill.pages.dev/taste/railway/
- **Install Command**: `npx --yes github:WuDao0123/taste-skill add railway`
- **Mode & Category**: `dark` mode · DevTools & Infra
- **Visual Signature**: Atmospheric #13111C cosmic violet-black canvas with #1B2132 / #291839 elevated deployment cards, rgba(255,255,255,0.1) hairlines, and 54px IBM Plex Serif display headings (-0.036em tracking).
- **Exact Color Tokens**:
  - `canvasBg`: `#13111C`
  - `surfaceLevel1`: `#1B2132`
  - `textPrimary`: `#FFFFFF`
  - `textMuted`: `#9593A8`
  - `accentBrand`: `#8B5CF6`
  - `borderHairline`: `rgba(255, 255, 255, 0.1)`
- **Typography & Component Metrics**:
  - Heading Font: `IBM Plex Serif` | Body Font: `Inter` | Monospace Font: `IBM Plex Mono`
  - Hero H1 Scale: `54px / -0.036em (w500)`
  - Button Radius: `8px`
  - Border Formula: `1px rgba(255,255,255,0.1)`
- **Semantic Tags**: `dark`, `cloud`, `infra`, `deployment`, `violet`, `purple`, `serif`, `railway`, `ibm-plex-serif`, `devtools`

### 4.14 PlanetScale (`planetscale.com`) — Pure Monospace ASCII Engineering Manual & Zero-Radius Brutalism
- **Canonical Token Page**: https://taste-skill.pages.dev/taste/planetscale/
- **Install Command**: `npx --yes github:WuDao0123/taste-skill add planetscale`
- **Mode & Category**: `light` mode · DevTools & Infra
- **Visual Signature**: Stark #FAFAFA technical manual canvas set entirely in system monospace with ASCII box-drawing diagrams, 1px #C1C1C1 / #414141 borders, 0px sharp corners, and #F35815 signal orange CTAs.
- **Exact Color Tokens**:
  - `canvasBg`: `#FAFAFA`
  - `surfaceLevel1`: `#FFFFFF`
  - `textPrimary`: `#111111`
  - `textMuted`: `#414141`
  - `accentBrand`: `#F35815`
  - `borderHairline`: `#C1C1C1`
- **Typography & Component Metrics**:
  - Heading Font: `SF Mono / ui-monospace` | Body Font: `SF Mono / ui-monospace` | Monospace Font: `SF Mono / ui-monospace`
  - Hero H1 Scale: `20px Mono / -0.02em (w700)`
  - Button Radius: `0px (Sharp Brutalist)`
  - Border Formula: `1px solid #C1C1C1`
- **Semantic Tags**: `light`, `monospace`, `ascii`, `brutalist`, `database`, `mysql`, `postgres`, `planetscale`, `zero-radius`, `engineering`, `orange`

### 4.15 Turso (`turso.tech`) — Deep Oceanic Teal & Neon Aquamarine Edge Database
- **Canonical Token Page**: https://taste-skill.pages.dev/taste/turso/
- **Install Command**: `npx --yes github:WuDao0123/taste-skill add turso`
- **Mode & Category**: `dark` mode · DevTools & Infra
- **Visual Signature**: Dark oceanic #0F1317 / #0D1318 canvas with rgba(40,57,68,0.6) slate-teal borders, heavy 800-weight 60px Inter display headlines (-0.025em), and high-contrast #4FF8D2 aquamarine pill CTAs.
- **Exact Color Tokens**:
  - `canvasBg`: `#0F1317`
  - `surfaceLevel1`: `#0D1318`
  - `textPrimary`: `#FFFFFF`
  - `textMuted`: `rgba(255, 255, 255, 0.5)`
  - `accentBrand`: `#4FF8D2`
  - `borderHairline`: `#283945`
- **Typography & Component Metrics**:
  - Heading Font: `Inter (800 ExtraBold)` | Body Font: `Inter` | Monospace Font: `JetBrains Mono`
  - Hero H1 Scale: `60px / -0.025em (w800)`
  - Button Radius: `9999px (Pill)`
  - Border Formula: `1px solid #283945`
- **Semantic Tags**: `dark`, `database`, `sqlite`, `edge`, `aquamarine`, `teal`, `cyan`, `turso`, `devtools`, `neon`

### 4.16 Neon (`neon.tech`) — Serverless Pitch-Black & Luminous Cyber-Mint Postgres
- **Canonical Token Page**: https://taste-skill.pages.dev/taste/neon/
- **Install Command**: `npx --yes github:WuDao0123/taste-skill add neon`
- **Mode & Category**: `dark` mode · DevTools & Infra
- **Visual Signature**: Pitch-black #000000 canvas with #242628 / #303236 dark structural borders, 56px tight -0.04em Inter display headings, and #34D59A / #00E599 luminous cyber-mint accents.
- **Exact Color Tokens**:
  - `canvasBg`: `#000000`
  - `surfaceLevel1`: `#131415`
  - `textPrimary`: `#FFFFFF`
  - `textMuted`: `#94979E`
  - `accentBrand`: `#34D59A`
  - `borderHairline`: `#242628`
- **Typography & Component Metrics**:
  - Heading Font: `Inter` | Body Font: `Inter` | Monospace Font: `JetBrains Mono`
  - Hero H1 Scale: `56px / -0.04em (w400)`
  - Button Radius: `9999px (Pill)`
  - Border Formula: `1px solid #242628`
- **Semantic Tags**: `dark`, `postgres`, `serverless`, `database`, `mint`, `neon-green`, `pitch-black`, `neon`, `devtools`

### 4.17 Upstash (`upstash.com`) — Oversized Emerald Typography & Clean Serverless Daylight
- **Canonical Token Page**: https://taste-skill.pages.dev/taste/upstash/
- **Install Command**: `npx --yes github:WuDao0123/taste-skill add upstash`
- **Mode & Category**: `light` mode · DevTools & Infra
- **Visual Signature**: Soft #F5F5F5 daylight canvas with #FFFFFF cards, deep forest-emerald #022C22 monumental 128px Inter Tight headlines (-0.025em), JetBrains Mono snippets, and #00BC7D emerald accents.
- **Exact Color Tokens**:
  - `canvasBg`: `#F5F5F5`
  - `surfaceLevel1`: `#FFFFFF`
  - `textPrimary`: `#022C22`
  - `textMuted`: `#71717B`
  - `accentBrand`: `#00BC7D`
  - `borderHairline`: `rgba(0, 0, 0, 0.05)`
- **Typography & Component Metrics**:
  - Heading Font: `Inter Tight` | Body Font: `Inter` | Monospace Font: `JetBrains Mono`
  - Hero H1 Scale: `128px / -0.025em (w700)`
  - Button Radius: `10px`
  - Border Formula: `1px rgba(0,0,0,0.05)`
- **Semantic Tags**: `light`, `serverless`, `redis`, `kafka`, `emerald`, `green`, `oversized-type`, `upstash`, `inter-tight`, `devtools`

### 4.18 Inngest (`inngest.com`) — Warm Obsidian Stone & Swiss Whyte / Coral-Cobalt Contrast
- **Canonical Token Page**: https://taste-skill.pages.dev/taste/inngest/
- **Install Command**: `npx --yes github:WuDao0123/taste-skill add inngest`
- **Mode & Category**: `dark` mode · DevTools & Infra
- **Visual Signature**: Warm obsidian stone #0C0A09 canvas with rgba(28,28,28,0.85) surfaces, 72px WhyteV1 architectural display headings (0.95 line-height), CircularXXMono code, and #F76246 coral + #013CF6 cobalt accents.
- **Exact Color Tokens**:
  - `canvasBg`: `#0C0A09`
  - `surfaceLevel1`: `#1C1C1C`
  - `textPrimary`: `#FFFFFF`
  - `textMuted`: `#A8A29E`
  - `accentBrand`: `#F76246`
  - `borderHairline`: `rgba(255, 255, 255, 0.08)`
- **Typography & Component Metrics**:
  - Heading Font: `WhyteV1` | Body Font: `Inter / Whyte` | Monospace Font: `CircularXXMono`
  - Hero H1 Scale: `72px / 0.95 (w400)`
  - Button Radius: `6px`
  - Border Formula: `1px rgba(255,255,255,0.08)`
- **Semantic Tags**: `dark`, `workflows`, `queues`, `ai-orchestration`, `inngest`, `whyte`, `coral`, `cobalt`, `devtools`, `warm-dark`

### 4.19 WorkOS (`workos.com`) — Enterprise-Ready Architectural Precision & Untitled Sans
- **Canonical Token Page**: https://taste-skill.pages.dev/taste/workos/
- **Install Command**: `npx --yes github:WuDao0123/taste-skill add workos`
- **Mode & Category**: `light` mode · Fintech & Enterprise
- **Visual Signature**: Cool porcelain #F9F9FB canvas with #FFFFFF enterprise cards, #E8EAED 1px hairlines, monumental 80px Untitled Sans headings with ultra-tight -0.07em tracking, and #6363F1 indigo + #23F0C3 mint accents.
- **Exact Color Tokens**:
  - `canvasBg`: `#F9F9FB`
  - `surfaceLevel1`: `#FFFFFF`
  - `textPrimary`: `#29363D`
  - `textMuted`: `#5E6C75`
  - `accentBrand`: `#6363F1`
  - `borderHairline`: `#E8EAED`
- **Typography & Component Metrics**:
  - Heading Font: `Untitled Sans` | Body Font: `Untitled Sans` | Monospace Font: `IBM Plex Mono`
  - Hero H1 Scale: `80px / -0.07em (w500)`
  - Button Radius: `100px (Pill)`
  - Border Formula: `1px solid #E8EAED`
- **Semantic Tags**: `light`, `enterprise`, `sso`, `auth`, `saas`, `workos`, `untitled-sans`, `indigo`, `mint`, `b2b`

### 4.20 Loops (`loops.so`) — Warm Editorial SaaS & Newsreader Serif Craft
- **Canonical Token Page**: https://taste-skill.pages.dev/taste/loops/
- **Install Command**: `npx --yes github:WuDao0123/taste-skill add loops`
- **Mode & Category**: `light` mode · DevTools & SaaS
- **Visual Signature**: Warm ivory #FDFDFC / #F9F9F8 canvas with #E9E8E6 stone borders, #21201C espresso ink, refined 44px Newsreader serif display headlines (-0.02em), and #7D1B0C oxblood / #21201C pill CTAs.
- **Exact Color Tokens**:
  - `canvasBg`: `#FDFDFC`
  - `surfaceLevel1`: `#F9F9F8`
  - `textPrimary`: `#21201C`
  - `textMuted`: `#63625E`
  - `accentBrand`: `#7D1B0C`
  - `borderHairline`: `#E9E8E6`
- **Typography & Component Metrics**:
  - Heading Font: `Newsreader` | Body Font: `Inter` | Monospace Font: `SF Mono`
  - Hero H1 Scale: `44px / -0.02em (w500)`
  - Button Radius: `40px (Pill)`
  - Border Formula: `1px solid #E9E8E6`
- **Semantic Tags**: `light`, `warm`, `editorial`, `serif`, `newsreader`, `email`, `saas`, `loops`, `minimalist`, `ivory`

### 4.21 Attio (`attio.com`) — Next-Gen CRM Spreadsheet-Grid Precision & Inter Display
- **Canonical Token Page**: https://taste-skill.pages.dev/taste/attio/
- **Install Command**: `npx --yes github:WuDao0123/taste-skill add attio`
- **Mode & Category**: `light` mode · Fintech & Enterprise
- **Visual Signature**: Crisp #F3F4F6 / #FFFFFF daylight UI with exposed #E4E7EC 1px data-table grid lines, 64px Inter Display headlines (0.95 line-height, -0.02em), JetBrains Mono badges, and #1C1D1F monochrome controls.
- **Exact Color Tokens**:
  - `canvasBg`: `#FFFFFF`
  - `surfaceLevel1`: `#F3F4F6`
  - `textPrimary`: `#1C1D1F`
  - `textMuted`: `#6F7988`
  - `accentBrand`: `#1C1D1F`
  - `borderHairline`: `#E4E7EC`
- **Typography & Component Metrics**:
  - Heading Font: `interDisplay` | Body Font: `Inter` | Monospace Font: `JetBrains Mono`
  - Hero H1 Scale: `64px / 0.95 (w600)`
  - Button Radius: `10px`
  - Border Formula: `1px solid #E4E7EC`
- **Semantic Tags**: `light`, `crm`, `saas`, `data-grid`, `bento`, `attio`, `inter-display`, `precision`, `b2b`, `clean`

### 4.22 Ashby (`ashbyhq.com`) — Analytics-Driven Recruiting SaaS & Royal Indigo TTNormsPro
- **Canonical Token Page**: https://taste-skill.pages.dev/taste/ashby/
- **Install Command**: `npx --yes github:WuDao0123/taste-skill add ashby`
- **Mode & Category**: `light` mode · Fintech & Enterprise
- **Visual Signature**: Bright #FFFFFF / #FCFCFE canvas with #EEEDEF soft lavender-gray borders, 72px TTNormsPro geometric display headings (-0.04em tracking, 575 weight), and #473BCE royal indigo CTAs.
- **Exact Color Tokens**:
  - `canvasBg`: `#FFFFFF`
  - `surfaceLevel1`: `#FCFCFE`
  - `textPrimary`: `#141415`
  - `textMuted`: `#717075`
  - `accentBrand`: `#473BCE`
  - `borderHairline`: `#EEEDEF`
- **Typography & Component Metrics**:
  - Heading Font: `TTNormsPro` | Body Font: `TTNormsPro / Inter` | Monospace Font: `SF Mono`
  - Hero H1 Scale: `72px / -0.04em (w575)`
  - Button Radius: `6px`
  - Border Formula: `1px solid #EEEDEF`
- **Semantic Tags**: `light`, `hr`, `recruiting`, `analytics`, `saas`, `ashby`, `indigo`, `b2b`, `geometric`

### 4.23 Notion (`notion.so`) — Warm Workspace Canvas & Monumental NotionInter Display
- **Canonical Token Page**: https://taste-skill.pages.dev/taste/notion/
- **Install Command**: `npx --yes github:WuDao0123/taste-skill add notion`
- **Mode & Category**: `light` mode · AI & Productivity
- **Visual Signature**: Crisp #FFFFFF & warm stone #F6F5F4 workspace surfaces with rgba(0,0,0,0.1) hairlines, monumental 96px NotionInter headlines (-0.048em tracking), and #0075DE cobalt + #FFB110 amber accents.
- **Exact Color Tokens**:
  - `canvasBg`: `#FFFFFF`
  - `surfaceLevel1`: `#F6F5F4`
  - `textPrimary`: `#000000`
  - `textMuted`: `#615D59`
  - `accentBrand`: `#0075DE`
  - `borderHairline`: `rgba(0, 0, 0, 0.1)`
- **Typography & Component Metrics**:
  - Heading Font: `NotionInter` | Body Font: `NotionInter` | Monospace Font: `SFMono-Regular`
  - Hero H1 Scale: `96px / -0.048em (w600)`
  - Button Radius: `8px`
  - Border Formula: `1px rgba(0,0,0,0.1)`
- **Semantic Tags**: `light`, `workspace`, `productivity`, `docs`, `wiki`, `ai`, `notion`, `warm-gray`, `minimalist`

### 4.24 Framer (`framer.com`) — Pitch-Black Interactive Canvas & Electric #0099FF Blue Glow
- **Canonical Token Page**: https://taste-skill.pages.dev/taste/framer/
- **Install Command**: `npx --yes github:WuDao0123/taste-skill add framer`
- **Mode & Category**: `dark` mode · Design & Creative
- **Visual Signature**: Pure #000000 canvas with #111111 elevated stage cards, glowing rgba(0,153,255,0.42) borders, 54px GT Walsheim Medium headlines (-0.04em tracking), and #0099FF electric blue + #FFFFFF 8px CTAs.
- **Exact Color Tokens**:
  - `canvasBg`: `#000000`
  - `surfaceLevel1`: `#111111`
  - `textPrimary`: `#FFFFFF`
  - `textMuted`: `#999999`
  - `accentBrand`: `#0099FF`
  - `borderHairline`: `rgba(0, 153, 255, 0.42)`
- **Typography & Component Metrics**:
  - Heading Font: `GT Walsheim Medium` | Body Font: `Inter` | Monospace Font: `JetBrains Mono`
  - Hero H1 Scale: `54px / -0.04em (w500)`
  - Button Radius: `8px`
  - Border Formula: `1px rgba(0,153,255,0.42)`
- **Semantic Tags**: `dark`, `design`, `web-builder`, `no-code`, `framer`, `electric-blue`, `gt-walsheim`, `creative`, `motion`

### 4.25 Tailwind CSS (`tailwindcss.com`) — Engineered CSS Grid Lines & Technical Blueprint Precision
- **Canonical Token Page**: https://taste-skill.pages.dev/taste/tailwindcss/
- **Install Command**: `npx --yes github:WuDao0123/taste-skill add tailwindcss`
- **Mode & Category**: `light` mode · Design & Creative
- **Visual Signature**: Daylight #FFFFFF canvas overlaid with exposed 1px rgba(0,0,20,0.05) blueprint construction lines, monumental 96px Inter headlines (-0.05em), PlexMono utility classes, and #38BDF8 / #F6339A accents.
- **Exact Color Tokens**:
  - `canvasBg`: `#FFFFFF`
  - `surfaceLevel1`: `#F8FAFC`
  - `textPrimary`: `#030712`
  - `textMuted`: `#4A5565`
  - `accentBrand`: `#0EA5E9`
  - `borderHairline`: `rgba(0, 0, 20, 0.05)`
- **Typography & Component Metrics**:
  - Heading Font: `Inter` | Body Font: `Inter` | Monospace Font: `IBM Plex Mono (plexMono)`
  - Hero H1 Scale: `96px / -0.05em (w400)`
  - Button Radius: `16px / 9999px`
  - Border Formula: `1px rgba(0,0,20,0.05)`
- **Semantic Tags**: `light`, `css`, `design-system`, `grid-lines`, `blueprint`, `tailwind`, `devtools`, `plex-mono`, `precision`

### 4.26 shadcn/ui (`ui.shadcn.com`) — Zinc Monochrome Component Primitives & Zero-Distraction Craft
- **Canonical Token Page**: https://taste-skill.pages.dev/taste/shadcn/
- **Install Command**: `npx --yes github:WuDao0123/taste-skill add shadcn`
- **Mode & Category**: `light` mode · Design & Creative
- **Visual Signature**: Pure #FFFFFF / #F5F5F5 zinc monochrome palette with 1px #E5E5E5 borders, 48px Geist display typography (-0.05em tracking), 10px radius primitives, and strict #171717 / #737373 hierarchy.
- **Exact Color Tokens**:
  - `canvasBg`: `#FFFFFF`
  - `surfaceLevel1`: `#F5F5F5`
  - `textPrimary`: `#0A0A0A`
  - `textMuted`: `#737373`
  - `accentBrand`: `#171717`
  - `borderHairline`: `#E5E5E5`
- **Typography & Component Metrics**:
  - Heading Font: `Geist` | Body Font: `Geist` | Monospace Font: `Geist Mono`
  - Hero H1 Scale: `48px / -0.05em (w600)`
  - Button Radius: `8px / 10px`
  - Border Formula: `1px solid #E5E5E5`
- **Semantic Tags**: `light`, `components`, `ui-kit`, `radix`, `tailwind`, `shadcn`, `monochrome`, `zinc`, `geist`, `minimal`

### 4.27 Anthropic (`anthropic.com`) — Humanist Warm Parchment & Literary AI Safety Editorial
- **Canonical Token Page**: https://taste-skill.pages.dev/taste/anthropic/
- **Install Command**: `npx --yes github:WuDao0123/taste-skill add anthropic`
- **Mode & Category**: `light` mode · AI & Productivity
- **Visual Signature**: Warm parchment #FAF9F5 canvas with #F5F4ED cards and #DEDCD1 stone borders, #141413 charcoal ink, bespoke anthropicSerif literary headings, and #D97757 terracotta clay accents.
- **Exact Color Tokens**:
  - `canvasBg`: `#FAF9F5`
  - `surfaceLevel1`: `#F5F4ED`
  - `textPrimary`: `#141413`
  - `textMuted`: `#5E5D59`
  - `accentBrand`: `#D97757`
  - `borderHairline`: `#DEDCD1`
- **Typography & Component Metrics**:
  - Heading Font: `anthropicSerif` | Body Font: `anthropicSans` | Monospace Font: `JetBrains Mono`
  - Hero H1 Scale: `40.8px / -0.01em (w400)`
  - Button Radius: `9999px (Pill) / 8px`
  - Border Formula: `1px solid #DEDCD1`
- **Semantic Tags**: `light`, `warm`, `parchment`, `serif`, `editorial`, `ai`, `llm`, `claude`, `anthropic`, `humanist`, `minimalist`

### 4.28 ElevenLabs (`elevenlabs.io`) — Swiss Audio Minimalist & Light-Weight Waldenburg Precision
- **Canonical Token Page**: https://taste-skill.pages.dev/taste/elevenlabs/
- **Install Command**: `npx --yes github:WuDao0123/taste-skill add elevenlabs`
- **Mode & Category**: `light` mode · AI & Productivity
- **Visual Signature**: Warm alabaster #FDFCFC canvas with #F5F3F1 audio player cards, rgba(0,0,0,0.06) subtle borders, light-weight 300 Waldenburg 48px display typography (-0.02em), and Geist Mono waveform metrics.
- **Exact Color Tokens**:
  - `canvasBg`: `#FDFCFC`
  - `surfaceLevel1`: `#F5F3F1`
  - `textPrimary`: `#000000`
  - `textMuted`: `#666462`
  - `accentBrand`: `#000000`
  - `borderHairline`: `rgba(0, 0, 0, 0.07)`
- **Typography & Component Metrics**:
  - Heading Font: `Waldenburg (w300)` | Body Font: `Waldenburg / Inter` | Monospace Font: `Geist Mono`
  - Hero H1 Scale: `48px / -0.02em (w300)`
  - Button Radius: `9999px (Pill)`
  - Border Formula: `1px rgba(0,0,0,0.07)`
- **Semantic Tags**: `light`, `ai`, `voice`, `audio`, `minimalist`, `swiss`, `elevenlabs`, `waldenburg`, `geist-mono`, `clean`

### 4.29 Polar (`polar.sh`) — Nordic Dark Monetization & PP Neue Montreal Minimalist
- **Canonical Token Page**: https://taste-skill.pages.dev/taste/polar/
- **Install Command**: `npx --yes github:WuDao0123/taste-skill add polar`
- **Mode & Category**: `dark` mode · Fintech & Enterprise
- **Visual Signature**: Deep #090909 obsidian canvas with #111111 cards and #181818 / #212121 borders, refined 36px PP Neue Montreal display headings, GeistMono revenue counters, and #FFFFFF pill CTAs.
- **Exact Color Tokens**:
  - `canvasBg`: `#090909`
  - `surfaceLevel1`: `#111111`
  - `textPrimary`: `#FFFFFF`
  - `textMuted`: `#858585`
  - `accentBrand`: `#FFFFFF`
  - `borderHairline`: `#212121`
- **Typography & Component Metrics**:
  - Heading Font: `PP Neue Montreal` | Body Font: `Inter / PP Neue Montreal` | Monospace Font: `GeistMono`
  - Hero H1 Scale: `36px / 1.25 (w400)`
  - Button Radius: `9999px (Pill)`
  - Border Formula: `1px solid #212121`
- **Semantic Tags**: `dark`, `fintech`, `monetization`, `billing`, `open-source`, `polar`, `neue-montreal`, `geist-mono`, `minimalist`, `nordic`

### 4.30 PostHog (`posthog.com`) — Tactile Retro-OS Brutalist & Warm Sand / Amber Craft
- **Canonical Token Page**: https://taste-skill.pages.dev/taste/posthog/
- **Install Command**: `npx --yes github:WuDao0123/taste-skill add posthog`
- **Mode & Category**: `light` mode · DevTools & SaaS
- **Visual Signature**: Playful tactile #EEEFE9 warm putty canvas with 3D raised bevel buttons (#CD8407 / #EB9D2A amber border #B17816), chunky 800-weight RoundHog headings, and Source Code Pro developer docs.
- **Exact Color Tokens**:
  - `canvasBg`: `#EEEFE9`
  - `surfaceLevel1`: `#E5E7E0`
  - `textPrimary`: `#23251D`
  - `textMuted`: `#5A5E52`
  - `accentBrand`: `#EB9D2A`
  - `borderHairline`: `#B17816`
- **Typography & Component Metrics**:
  - Heading Font: `RoundHog / Matter` | Body Font: `IBM Plex Sans` | Monospace Font: `Source Code Pro`
  - Hero H1 Scale: `36px / -0.025em (w800)`
  - Button Radius: `6px (3D Bevel)`
  - Border Formula: `1px solid #B17816`
- **Semantic Tags**: `light`, `brutalist`, `retro`, `tactile`, `analytics`, `devtools`, `posthog`, `amber`, `warm`, `playful`


---

## 5. Part A: Growth & Revenue Pro Pack Architecture (`growth-revenue-skills-pro-v1.0.0.zip`)

1. **4 Universal Agent `SKILL.md` Playbooks** (compatible with `.cursor/skills/`, `.claude/skills/`, `CLAUDE.md`, `AGENTS.md`, and Windsurf):
   - `pseo-competitor-teardown`: Reverse-engineer any competitor's `robots.txt`, `sitemap.xml`, URL route clusters, and `/llms.txt`, then scaffold Next.js App Router dynamic pSEO pages with JSON-LD.
   - `x-alternative-pages`: Generate high-converting `/vs/[competitor]` and `/alternatives/[competitor]` comparison matrices with 4-locale / 18-language i18n dictionaries.
   - `pricing-paywall-retention`: Build Good-Better-Best pricing walls (annual toggle, PPP regional banner, FAQ schema) + FTC Click-to-Cancel compliant 3-step cancel salvage modals.
   - `launch-kit`: Offline linter and generator for Product Hunt, Show HN, Reddit, and App Store ASO (100-byte keyword field) launches that eliminates AI-slop phrasing and link penalties.
2. **5 Local Node.js / Playwright Automation Scripts (`scripts/*.mjs`, 0 Paid APIs)**:
   - `extract-competitor-pseo.mjs`
   - `generate-nextjs-pseo-routes.mjs`
   - `generate-comparison-matrix.mjs`
   - `audit-pricing-page.mjs`
   - `validate-launch-pack.mjs`
3. **22 Raw Competitor Blueprints (`data/*.json`)**: Complete reverse-engineered JSON datasets of 20 verified `$10k–$422k/mo` indie SaaS sites + 2 AI dev platforms.
4. **4 Production Next.js / React / Tailwind Templates (`templates/*.tsx`)**: `AlternativeLandingPage.tsx`, `PricingSection.tsx`, `CancelRetentionFlow.tsx`, `NextjsPseoPage.tsx`.