yutuknown contributor

Pattern Foundry

Generate original premium UI systems and page specs with Pattern Foundry instead of copying generic component library layouts.

Overview

pattern-foundry is a plugin marketplace for the Build phase that provides a Claude skill to generate original premium UI systems and page specs.

What is this marketplace?

  • 1 plugin: pattern-foundry skill (MIT, version 0.2.1)
  • Generates original premium UI systems and page specs
  • Keywords: ui, ux, design-system, claude-skill
  • Marketplace metadata: transferable UI/UX design intelligence for Claude Code
  • 1 plugin in the marketplace bundle
  • Plugin license: MIT
  • Plugin and marketplace metadata version: 0.2.1

Compatible agents: Claude Code, Cursor, Codex, Windsurf

What problem does it solve?

Agent-generated UIs converge on the same component-library look because builders lack a structured way to invent cohesive premium design systems.

Who is it for?

Solo SaaS makers in the build phase who want bespoke design direction and documented page specs before coding screens.

Skip if: Teams that already have a locked Figma design system and only need pixel-perfect implementation prompts.

What do I get? / Deliverables

After installing the plugin, Claude can produce Pattern Foundry–style UI systems and page specs you can implement as a differentiated frontend.

  • Installed pattern-foundry plugin (v0.2.1)
  • Generated UI system direction and page specifications
  • Transferable UX patterns for implementation in code

Plugins in this marketplace

1 plugin — install individually after you add the marketplace.

Recommended Marketplaces

Journey fit

Primary fit

Visual system design and page specification work happens while you are building the product interface. Frontend is the right shelf for Claude skills that output design systems and page-level UI specs for implementation.

How it compares

UI/UX design-system skill marketplace, not a testing or on-call MCP integration.

Common Questions / FAQ

Who is Pattern Foundry for?

It is for Claude Code users who want yutuknown’s Pattern Foundry skill to define premium UI systems and page-level specs for their product.

When should I use Pattern Foundry?

Use it early in frontend build when defining layout, typography, components, and page specs before or alongside implementation.

How do I add Pattern Foundry to my agent?

Add the Pattern Foundry Claude marketplace, install the Pattern Foundry plugin, and invoke the skill when you need UI system or page spec generation.

This week for builders

Five minutes, every Monday — the tools, releases and tactics for shipping solo.

unsubscribe anytime.