bergside/design-md-chrome

• highabout#1

  Update repository description for clarity and impact

  原因：

  当前

  Chrome extension to extract styles from any website and generate DESIGN.md files and design skills for AI based on TypeUI

  复制粘贴的修复

  复制

  A Chrome extension that extracts design styles from any website and instantly generates AI-ready DESIGN.md or SKILL.md files, streamlining the creation of design system blueprints for AI tools like Claude and Gemini.

  待办完成忽略
• mediumreadme#2

  Add a concise 'Key Features' section to the README

  原因：

  当前

  # TypeUI DESIGN.md Extractor (Chrome Extension)
  
  This Chrome extension extract styles and information from any given site and generates a `DESIGN.md` or `SKILL.md` 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.

  复制粘贴的修复

  复制

  # TypeUI DESIGN.md Extractor (Chrome Extension)
  
  **Key Features:**
  - **Extracts Design Styles:** Automatically captures typography, colors, spacing, radius, shadows, and motion from any live website.
  - **Generates AI-Ready Files:** Produces `DESIGN.md` or `SKILL.md` files based on the open-source TypeUI format.
  - **Streamlines AI Workflows:** Provides agent-ready design system blueprints for AI tools like Google Stitch, Claude Code, Codex, Gemini, and others.
  
  This Chrome extension extract styles and information from any given site and generates a `DESIGN.md` or `SKILL.md` 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.

  待办完成忽略
• lowtopics#3

  Add more specific topics for style extraction and design system generation

  原因：

  当前

  ai, chrome, chrome-extension, claude, claude-design, codex, design-md, design-skills, extension, gemini, open-source, skills, skills-ai, typeui

  复制粘贴的修复

  复制

  ai, chrome, chrome-extension, claude, claude-design, codex, design-md, design-skills, extension, gemini, open-source, skills, skills-ai, typeui, style-extraction, design-system-generator, markdown-generator

  待办完成忽略

本次扫描解析到的品类 GEO 通道：google/gemini-2.5-flash, deepseek/deepseek-v4-flash

• 品类问题

  How to extract website design styles and generate markdown documentation for a project?

  你：未被推荐
  AI 推荐顺序：

  1. Storybook (storybookjs/storybook)
  2. Storybook Docs Addon
  3. Style Dictionary (amzn/style-dictionary)
  4. Zeroheight
  5. Docz (doczjs/docz)
  6. Docusaurus (facebook/docusaurus)
  7. React Styleguidist (react-styleguidist/react-styleguidist)
  8. Node.js (nodejs/node)
  9. PostCSS (postcss/postcss)
  10. PurgeCSS (FullHuman/purgecss)
  11. Markdown-it (markdown-it/markdown-it)

  AI 推荐了 11 个替代方案，却始终没点名 bergside/design-md-chrome。这就是要补上的差距。

  查看 AI 完整回答
• 品类问题

  Tool to convert website design elements into AI-ready design system blueprints?

  你：未被推荐
  AI 推荐顺序：

  1. Supernova
  2. Specify
  3. Figma Tokens (Plugin)
  4. Storybook
  5. Anima
  6. Zeplin

  AI 推荐了 6 个替代方案，却始终没点名 bergside/design-md-chrome。这就是要补上的差距。

  查看 AI 完整回答

• Metadata completeness

  pass

• README presence

  pass

• Compared to common alternatives in this category, what is the core differentiator of bergside/design-md-chrome?

  pass
  ✓AI 明确点名了 bergside/design-md-chrome

  AI 的回答可能信誓旦旦却是错的。请按事实核对：技术栈、目标人群、差异化点是不是和你实际的对得上？

• If a team adopts bergside/design-md-chrome in production, what risks or prerequisites should they evaluate first?

  pass
  ⚠AI 未点名 bergside/design-md-chrome —— 很可能在说另一个项目

  AI 的回答可能信誓旦旦却是错的。请按事实核对：技术栈、目标人群、差异化点是不是和你实际的对得上？

• In one sentence, what problem does the repo bergside/design-md-chrome solve, and who is the primary audience?

  pass
  ⚠AI 未点名 bergside/design-md-chrome —— 很可能在说另一个项目

  AI 的回答可能信誓旦旦却是错的。请按事实核对：技术栈、目标人群、差异化点是不是和你实际的对得上？