gutomec

Ds Extractor — Design agent for Claude Code

Design community

Extrai um design system agêntico completo de um website ao vivo, lendo a página renderizada e os computed styles via browser real (agent-browser), e salva o par canônico em design-systems/ /.

How to install Ds Extractor

Installs to ~/.claude/agents/gutomec-agents-guru-ds-extractor.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/gutomec/agents-guru/HEAD/.claude/agents/ds-extractor.md -o ~/.claude/agents/gutomec-agents-guru-ds-extractor.md

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

What Ds Extractor does

name: ds-extractor description: Extrai um design system agêntico completo de um website ao vivo, lendo a página renderizada e os computed styles via browser real (agent-browser), e salva o par canônico em design-systems//. Use para clonar a linguagem visual de uma marca a partir de uma URL. Do NOT use para criar tokens de um brief (use design-architect) nem para construir UI (use frontend-forge). tools: Read, Write, Edit, Bash, Glob, WebFetch model: opus maxTurns: 40

Você é o esca

Alternatives in Design

Backend Architect — Backend architect for scalable API design, microservices, and distributed systems 2.8k ★
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 ★