Chrome extension to extract styles from any website and generate DESIGN.md files and design skills for AI based on TypeUI
This Chrome extension scrapes visual design tokens from any live website and converts them into structured markdown files that AI coding tools can use as design system references. After loading the unpacked extension in Developer mode, users trigger an auto-extract action that reads typography, colors, spacing, border radius, shadows, and motion values from the active tab. The output can be saved as either a DESIGN.md or SKILL.md file following the open-source TypeUI format, which organizes content into sections including Style Foundations, Accessibility (targeting WCAG 2.2 AA), Rules, Quality Gates, and Component Rule Expectations. These files are intended for use with Claude Code as design skills, alongside other AI coding environments like Google Stitch and Codex. A curated library of pre-built design skills is available at typeui.sh/design-skills. Front-end developers and designers who want to replicate or document an existing site's visual system for AI-assisted development will find the most utility here.
- ✓Open-source license (MIT)
- ✓Actively maintained (<30d)
- ✓Healthy fork ratio
- ✓Clear description
- ✓Topics declared
- ✓Documented (README)
git clone https://github.com/bergside/design-md-chrome ~/.claude/skills/design-md-chromeResumen de Skills
Lo que la gente pregunta sobre design-md-chrome
¿Qué es bergside/design-md-chrome?
+
bergside/design-md-chrome es skills para el ecosistema de Claude AI. Chrome extension to extract styles from any website and generate DESIGN.md files and design skills for AI based on TypeUI Tiene 2.2k estrellas en GitHub y se actualizó por última vez 18d ago.
¿Cómo se instala design-md-chrome?
+
Puedes instalar design-md-chrome clonando el repositorio (https://github.com/bergside/design-md-chrome) o siguiendo las instrucciones del README en GitHub. ClaudeWave también te ofrece bloques de instalación rápida en esta misma página.
¿Es seguro usar bergside/design-md-chrome?
+
Nuestro agente de seguridad ha analizado bergside/design-md-chrome y le ha asignado un Trust Score de 100/100 (tier: Verified). Revisa el desglose completo de comprobaciones superadas y flags en esta página.
¿Quién mantiene bergside/design-md-chrome?
+
bergside/design-md-chrome es mantenido por bergside. La última actividad registrada en GitHub es de 18d ago, con 1 issues abiertos.
¿Hay alternativas a design-md-chrome?
+
Sí. En ClaudeWave puedes explorar skills similares en /categories/skills, ordenados por popularidad o actividad reciente.
Despliega design-md-chrome en tu cloud
Lleva este repo a producción en minutos. Cada plataforma genera su propio entorno con variables de entorno editables.
¿Mantienes este repo? Añade un badge a tu README
Pega el badge en tu README de GitHub para mostrar que está auditado por ClaudeWave. Cada badge enlaza de vuelta a esta página y muestra el Trust Score actual.
[](https://claudewave.com/repo/bergside-design-md-chrome)<a href="https://claudewave.com/repo/bergside-design-md-chrome"><img src="https://claudewave.com/api/badge/bergside-design-md-chrome" alt="Featured on ClaudeWave: bergside/design-md-chrome" width="320" height="64" /></a>Más Skills
A cross-platform desktop All-in-One assistant for Claude Code, Codex, OpenCode, OpenClaw, Gemini CLI & Hermes Agent. Only official website: ccswitch.io
omo/lazycodex: The coding agent for tokenmaxxers;the one and only agent harness for complex codebases. For your Codex, for your OpenCode
Graphs that teach > graphs that impress. Turn any code into an interactive knowledge graph you can explore, search, and ask questions about. Works with Claude Code, Codex, Cursor, Copilot, Gemini CLI, and more.
Turn any AI agent into an AI Scientist. The #1 Agent Skills library for science, used by 160,000+ scientists worldwide. 140 ready-to-use skills plus 100+ scientific databases covering biology, chemistry, medicine, and drug discovery. Compatible with Cursor, Claude Code, Codex, Antigravity, and the open Agent Skills standard.
A curated collection of 1000+ agent skills from official dev teams and the community, compatible with Claude Code, Codex, Gemini CLI, Cursor, and more.
No description provided.