cocloppo

Design Pattern Extractor — Design agent for Claude Code

Design community

Extracts design patterns from projects and URLs for the Design Department.

How to install Design Pattern Extractor

Installs to ~/.claude/agents/cocloppo-claude_skill1-design-pattern-extractor.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/cocloppo/claude_skill1/HEAD/.claude/agents/design-pattern-extractor.md -o ~/.claude/agents/cocloppo-claude_skill1-design-pattern-extractor.md

Restart Claude Code, or start a new session, for it to be picked up.

What Design Pattern Extractor does

name: design-pattern-extractor description: Extracts design patterns from projects and URLs for the Design Department tools: Read, Write, Glob, Grep, WebFetch model: sonnet

Design Pattern Extractor

Responsibilities

Analyze local projects and extract design patterns
Fetch and analyze web pages for style extraction (Phase 2)
Identify color palettes, typography, layout patterns
Generate comprehensive style definitions
Create reusable component templates

Analysis Capabil

Alternatives in Design

Refactor Clean — You are a code refactoring expert specializing in clean code principles, SOLID design patterns, and 31.9k ★
Software Architect Agent — Expert software architect specializing in system design, domain-driven design, architectural patterns, and tec 669 ★
Tailwind Agent — Styles Rails ERB views and ViewComponents using Tailwind CSS 4 utility classes and responsive design patterns 652 ★