Skip to content
Licensed pack

Same hub.
A deeper playbook.

Ship websites, apps, and blogs with a guided playbook: design direction, modern stack build (Astro, Next.js, React, Tailwind), verify gates, and live framework docs via Context7. Purchase Pro, activate your license, then install the pack from the CLI or chain hub into ~/chain-hub.

License + pack — two separate steps

Checkout or beta approval gives you a Hub Pro license. That unlocks Brain in the local dashboard. Installing the Pro pack (44 skills, 15 agents, 19 workflows, team rules) is a deliberate second step you run from the CLI or hub — only while your license is active.

Hub Pro license

Brain in chain hub

CHAIN-… key from Account → chain pro activate <key> or Settings → Pro unlocks Memory + Pipeline. Does not download pack files.

Pro pack install

Skills into ~/chain-hub

After activation: chain pro install-pack or Install Chain Hub Pro pack in the hub. One command copies skills, agents, workflows, and rules, then chain setup symlinks them into linked editors.

See the full install walkthrough

Digital product playbook

Pro is a guided path from design direction to a shipped website, app, or blog — with the right modern stack and quality gates. Skills hold process and hard rules; Context7 supplies live Tailwind, React, Astro, and Next.js docs when APIs change.

1 · Direction

Design adviser datasets, design system profiles, structured handoff to implementation.

2 · Build

ui-ux-designer plus stack companions: Astro, Next.js, React, Tailwind, shadcn.

3 · Verify

Responsiveness, security pass, tests, API contract review before merge.

4 · Ship

Release checklist, documentation, commit discipline, code reviewer agent.

Project-type routing

Start with digital-product-lead when the stack is unclear.

Project Default stack Skill sequence
Blog / docs Astro + Tailwind design-adviser → astro → ui-ux-designer
Marketing / landing Design systems + Astro or Next design-system profile → ui-ux-designer
Web app / SaaS Next.js + React + shadcn next-js-app → react-patterns → ui-ux-designer

Pro skills

44 skills, 15 agents, 19 workflows, and 1 team rule (pack 0.16.1) — structured playbooks with reference files and smoke prompts, from design direction through modern stack build to ship gates. Included with Pro; install them after license activation via chain pro install-pack or the hub Dashboard. Full pack inventory · Get your Pro pack.

Route

digital-product-lead

Classify blog vs marketing vs web app; publish stack routing and skill sequence before code.

→ Type: Web app / SaaS
→ Stack: Next.js + React
→ Next: design-adviser
Design · UI/UX

design-adviser

Industry-aware UI direction from 7 curated CSV datasets. Color palettes, typography, anti-patterns.

→ Style: Clean SaaS
→ Primary: #2563EB
→ Anti-pattern: [HIGH] Carousel hero
Design systems

Design Systems

Industry presets and a four-question wizard → .chain/design/profile.json. Skills: design-studio and design-studio-apply for Tailwind tokens.

→ Preset: Fintech
→ profile.json saved
→ Next: design-studio-apply
Design · UI/UX

ui-ux-designer

Senior UI implementation with Design rationale, companion routing, and design-adviser handoff support.

→ Handoff: Clean SaaS profile
→ Rationale: hierarchy + tokens
→ Verify: verifying-responsiveness
Modern stack

next-js-app

App Router conventions, Server Components default, fetch caching — plus Context7 for live Next.js APIs.

→ Default: async Server Component
→ fetch: cache explicit
→ Docs: Context7 /vercel/next.js
Security

security-pass

OWASP-oriented review for auth, secrets, input validation, and dependencies before every merge.

→ [BLOCKER] Unsanitized input in exec()
→ [SHOULD-FIX] Missing rate limit
Modern stack

astro

Content collections, islands, hybrid SSR — thin rules plus Context7 for live Astro APIs.

→ getCollection('blog')
→ client:visible islands
→ Docs: Context7 /withastro/docs
Modern stack

react-patterns

React 19 composition, waterfalls, re-renders — pairs with next-js-app for SaaS dashboards.

→ Server Components default
→ No barrel imports
→ Docs: Context7 /facebook/react
Pro add-on

Design Systems

Generate a complete design system for your project in seconds — colour palette, typography, and design tokens — grounded in real industry data. Claude reads it automatically on every future UI request.

Install chain-hub-pro →
Free presets
SaaS B2B
Free
Inter · Professional clarity
Developer Tools
Free
JetBrains Mono · Technical authority
E-commerce
Free
Inter · Warm, inviting
Pro — 10 additional presets
+ Custom wizard
Corporate
Pro
Inter · Professional, trustworthy
Nord
Pro
Inter · Calm, focused
Fintech
Pro
Inter · Calm authority
Healthcare
Pro
Inter · Safe, caring
Luxury & Premium
Pro
Playfair Display · Understated elegance
EdTech Platform
Pro
Nunito · Playful learning
Restaurant & Food
Pro
Playfair Display · Appetite, warmth
Real Estate
Pro
Montserrat · Trustworthy authority
Travel & Hospitality
Pro
Outfit · Adventure, freedom
Consumer Mobile
Pro
Poppins · Playful, energetic
Fintech / Crypto
Pro
Space Grotesk · Modern, digital-native
Fashion E-commerce
Pro
Playfair Display · Fresh, editorial
01

Pick or generate

Choose a free preset or use the Pro wizard to answer 4 questions — sector, tone, stack, and brand colour.

02

Save profile.json

One JSON file in .chain/design/ captures your full design system: palette roles, typography, stack, and anti-patterns.

03

Claude uses it automatically

Every UI request reads the profile first. No more repeating your brand colours or typography in every prompt.

Pro skill — applies your design system to code
$ /design-studio-apply
✓ Detected: Tailwind v4
✓ Writing @theme tokens → src/styles/design-tokens.css
✓ Patched 1 file · token block only · idempotent

Pro vs Core

Chain Hub (open-source) gives you the foundation. Pro gives you the digital product playbook.

Capability Chain Hub (free) Chain Hub Pro
Core skills (babysit, canvas, shell, etc.)
Design adviser + 7 CSV datasets
Design systems + UI/UX designer handoff
Modern stack routing (Astro, Next.js, React) + live docs
Security pass (OWASP-oriented)
API contract review
Refactor candidate matrix + approval gate
Documentation skill (API docs, ADRs, READMEs)
Testing strategy skill
Release checklist + pre-release workflow
Pro team standards rules
Pro code reviewer agent
Full pack inventory (skills + agents + workflows + rules) 36 + 15 + 19 + 1

How it fits together

One Pro pack, four asset types — all installed together when you run chain pro install-pack (or the hub equivalent) with an active license.

Type Question it answers Lands in
Skill How should the assistant tackle this task? ~/chain-hub/skills/<slug>/
Agent What should a focused worker do in this role? ~/chain-hub/agents/
Workflow What steps should a human or operator follow? ~/chain-hub/workflows/
Rule What conventions always apply? ~/chain-hub/rules/

After install, run chain setup so linked editors pick up symlinks, then chain validate. Refresh with chain pro refresh-pack or chain update.

Get your Pro pack

Buying Solo or Team Pro gives you a Hub Pro license — it does not copy skills onto your machine automatically. After checkout (or beta approval), activate the license, then install the Pro pack once from the CLI or local hub. An active license is required for every pack install and refresh.

  1. Step 1 · Purchase

    Get a Pro license

    Request early access below. When approved, we email your CHAIN-… license key and you can manage it in Account .

    Request access
  2. Step 2 · Activate

    Unlock Brain

    Paste your key in Settings → Pro inside chain hub, or run chain pro activate. This unlocks Memory + Pipeline — not the skill pack yet.

  3. Step 3 · Install pack

    Download skills into ~/chain-hub

    With Pro active, run chain pro install-pack or click Install Chain Hub Pro pack on the hub Dashboard or under Settings → Pro. Skills, agents, workflows, and rules land in your hub folder; then chain setup links them to editors.

# After you have a license key from Account or email

# 2 — Activate (Brain)
chain pro activate CHAIN-XXXX-XXXX-XXXX-XXXX
chain pro status

# 3 — Install Pro pack (requires active license)
chain pro install-pack
# Or in chain hub: Dashboard or Settings → Pro → Install Chain Hub Pro pack

chain setup
chain validate

# Refresh later
chain pro refresh-pack
# Or chain update when the pack is registered

# Legacy maintainer path (private GitHub repo + gh auth):
# chain add github:<your-org>/chain-hub-pro --pack

Default delivery is a signed HTTPS release manifest — no GitHub collaborator invite required. Already purchased? Manage your license · CLI reference: chain pro · Docs: install content

Early access

Beta is invite-only — we review requests manually. Submit the form for a confirmation from licenses@chainhub.one; your CHAIN-… license key arrives in a separate email after approval (check Junk or Spam on work or school inboxes). Install the pack yourself from the CLI or hub after activation.

Request early access

Beta is invite-only — we review every request manually. You get a confirmation from licenses@chainhub.one right away; your CHAIN-… license key arrives in a separate email after approval. On work or school mail, check Junk or Spam if either message is missing.

Optional — helps us review your request or enable legacy private-repo delivery. Pack install happens later via chain pro install-pack or the hub after you activate your license (HTTPS by default).

Individual

Solo Pro

For individual developers who want the full digital product playbook.

  • 44 skills (CLI pack)
  • 19 workflows + 15 agents
  • Team rules (automated sync, CLI 0.4.7+)
  • Hub Pro license (Brain)
  • Design systems + Context7 stack docs
  • Install pack via CLI or hub (HTTPS delivery)
Request access
Team · Most popular

Team Pro

Shared standards, rules, and workflows across your team.

  • Everything in Solo Pro
  • Pro team standards rules
  • Up to 5 device activations per license
  • Onboarding + pack sync workflows
  • Priority support during beta
Request team access

Chain Hub account

Sign in

Manage your Pro license, copy your key, and free device slots. We email you a one-time sign-in link — no password.