pattern-foundry

---

Why this exists

Generative UI tools often produce generic "design mush" or clone reference sites too directly, leading to copyright and brand-safety issues.

Pattern Foundry solves this by separating brand identity from design quality.

Instead of copying colors and logos, this skill extracts the quality system—spacing discipline, interaction physics, typography scaling, component grammar, and conversion architecture—and applies those structural rules to generate original work for entirely different brands, industries, and contexts.

What it does

• Distills Visual DNA: Translates curated reference observations into semantic design tokens.
• Separates Identity from System: Distinguishes between what is proprietary (logos, exact copy) and what is transferable (fluid typography, bimodal radii, trust signal sequencing).
• Generates Reusable Systems: Packages findings into a persisted MASTER.md design system.
• Supports Original Generation: Builds fresh, premium sites for new brands using the extracted intelligence.
• Builds Reusable Templates: Creates generic, blank-fill templates with premium structure built-in.

Core features

• Prompt-first generation workflow: Marketplace installs generate from bundled local references by default (no live crawling).
• Design-system persistence: Leverages MASTER.md for global rules and pages/*.md for precise, minimal overrides.
• Brand adaptation rules: Shifts temperature, density, and tone to fit new industries (B2B, Healthcare, Fintech, etc.).
• Anti-copy guardrails: Strictly enforces originality to prevent source-brand leakage.
• Sample outputs: React and Tailwind CSS scaffolding ready for production.
• Helper scripts: Python automation for legacy extraction, design-system builds, and validations.

Repo structure

pattern-foundry/
├── .claude/skills/transferable-uiux-pattern-engine/   # Source-of-truth engine (edit here)
├── plugins/pattern-foundry/skills/pattern-foundry/    # Packaged plugin payload (synced)
├── docs/
│   ├── audits/          # Audit reports + rescan history
│   └── releases/        # Release notes, checklist, ship guide
├── scripts/             # Sync/verify automation
├── data/
│   ├── raw/             # Legacy extraction JSONs (gitignored)
│   └── screenshots/     # Reference site visual captures
└── assets/readme/       # Banner + workflow diagrams used below

Release documentation

• Release notes — historical changelog details.
• Release checklist — reset for each release to avoid skipping steps.
• Ship update guide — commands for syncing, tagging, and validating installs.
• Audit reports — most recent audits and rescan status.

Installation

Prerequisites

• Claude Code installed and authenticated.
• Python 3.9+ (if running extraction scripts).
• manual audit (legacy extraction scripts only).

Install in Claude Code (2 commands)

Inside Claude Code, run these one at a time:

/plugin marketplace add https://github.com/yutuknown/pattern-foundry.git
/plugin install pattern-foundry@pattern-foundry

Then invoke the skill:

Using pattern-foundry [NEW_BRAND_MODE]:
...your request...

Local setup

# (Optional) If you want to run the legacy extraction scripts:
python -m pip install playwright
python -m playwright install chromium

Maintainer packaging sync (marketplace)