design-md-chrome

About design-md-chrome

TypeUI DESIGN.md Extractor (Chrome Extension) This Chrome extension extract styles and information from any given site and generates a or file that you can use with tools such as Google Stitch, Claude Code, Codex, and others to build websites with a given design system blueprint. The file is based on the open-source TypeUI DESIGN.md format. Getting started Load the extension in Chrome: Open Enable Developer mode Click Load unpacked Select this project folder Curated design skills Check out curated design systems at typeui.sh/design-skills.

ai chrome chrome-extension claude claude-design codex design-md design-skills extension gemini

Quick Facts

Stars	2,062
Forks	254
Language	JavaScript
Category	Codex Skill
License	MIT
Quality Score	66.7290615594978/100
Open Issues	1
Last Updated	2026-05-25
Created	2026-04-14
Platforms	browser, claude-code, codex, gemini, node
Est. Tokens	~4k

Compatible Skills

These tools work well together with design-md-chrome for enhanced workflows:

design-extract — semantic(0.37)+complementary+rare_topics+same_lang+similar_pop+shared_platform (67%)
Maple — semantic(0.33)+complementary+rare_topics+same_lang+similar_pop+shared_platform (66%)
hanzi-browse — semantic(0.23)+complementary+rare_topics+same_lang+similar_pop+shared_platform (62%)
awesome-claude-design — semantic(0.51)+complementary+rare_topics+similar_pop+shared_platform (62%)

More Codex Skill Tools

Explore other popular codex skill tools:

openclaw ⭐ 382.2k
hermes-agent ⭐ 211.4k
ui-ux-pro-max-skill ⭐ 101.6k
graphify ⭐ 80.2k
graphify ⭐ 77.1k
open-design ⭐ 76.2k
agent-skills ⭐ 71.4k
career-ops ⭐ 59.1k
taste-skill ⭐ 56.5k
system_prompts_leaks ⭐ 53.8k

View all Codex Skill tools →

Popular JavaScript Agent Tools

ECC ⭐ 226.5k · MCP Server
everything-claude-code ⭐ 186.6k · MCP Server
claude-mem ⭐ 86.4k · Claude Skill
caveman ⭐ 82.6k · Claude Skill
ponytail ⭐ 76.3k · Agent Tool

Frequently Asked Questions

What is design-md-chrome?

design-md-chrome is Chrome extension to extract styles from any website and generate DESIGN.md files and design skills for AI based on TypeUI. It is categorized as a Codex Skill with 2.1k GitHub stars.

What programming language is design-md-chrome written in?

design-md-chrome is primarily written in JavaScript. It covers topics such as ai, chrome, chrome-extension.

How do I install or use design-md-chrome?

You can find installation instructions and usage details in the design-md-chrome GitHub repository at github.com/bergside/design-md-chrome. The project has 2.1k stars and 254 forks, indicating an active community.

What license does design-md-chrome use?

design-md-chrome is released under the MIT license, making it free to use and modify according to the license terms.

View on GitHub → Browse Codex Skill tools