designmd

一键提取网页设计规范,让 AI 编程风格对齐。

开源 🏷️完全免费 🔧 仅开源项目,无在线服务,需自行部署 编程开发 🍴 复刻 7
访问官网 ↗ GitHub ↗
GitHub 星标 ★ 75
维护状态 较活跃
是否开源 开源
定价模式 🏷️完全免费 开源项目,MIT许可证,完全免费,可自行部署使用。

项目预览

designmd 项目界面预览图
图片来源:项目官网

项目数据

分类编程开发
开发团队byadityaraj
定价模式🏷️完全免费
价格说明开源项目,MIT许可证,完全免费,可自行部署使用。
访问状态🔧 仅开源项目,无在线服务,需自行部署
是否开源是
开源协议MIT
技术栈/模型ai-coding,ai-coding-tools,ai-context,benchmarks,claude,claude-code,cli,css-extraction,cursor,design-md,design-system,design-tokens,developer-tools,frontend-tokens,llm-tools,typography,web-design
GitHub 星标★ 75
上线时间2026-05-12 00:00:00
代码更新2026-10-25
仓库体积1.6 MB
本站数据更新2026-11-09
维护状态较活跃
收录时间2026-08-09
浏览次数3

项目介绍

designmd 是一个为 AI 编程工作流提供生产级设计上下文的开源工具。它能从任意 URL 提取真实的设计系统,包括颜色、字体、间距、断点等,并生成一份便携的 DESIGN.md 文件。该文件可作为 AI 编码时的设计参考,确保生成的代码与目标网站的设计风格保持一致。它解决了 AI 编程时缺乏设计上下文、导致输出风格不匹配的问题。核心能力包括自动抓取网页样式、解析设计令牌、生成结构化文档,并支持与主流 AI 编程工具集成。

Star 增长趋势

本站每日记录该项目 GitHub 星标变化,观测越久曲线越完整

数据来源:GitHub API 逐日快照 · 收录于 2026-08-09 · 当前星标 ★ 75

核心亮点

  • 自动提取颜色、字体、间距、断点等设计令牌,省去手动梳理
  • 输出便携的 DESIGN.md,可直接供 AI 编程工具读取
  • 基于真实 URL 提取,设计上下文准确且实时

不足之处

  • 文档/社区待观察
  • 仅支持静态样式提取,对动态渲染的网站可能不完整

适用场景

  • 前端开发时快速获取参考网站的设计规范
  • AI 编程工具(如 Copilot)注入设计上下文
  • 设计系统迁移或竞品设计分析

替代项目

Style Dictionary、Design Tokens、Figma Tokens

上一篇:HolyCode

下一篇:shiplog

同类项目推荐

OpenSpec 开源

先写规格再让 AI 写代码,少返工

Spec-driven development (SDD) for AI coding assistants.

★ 74380 2026-09-13
vim-gpt-commit 开源

在 Vim 里一键生成 Git 提交信息,告别憋 commit message

:rocket: Generate git commit message using ChatGPT and Ollama !!

★ 56 2026-08-09
eca-emacs 开源

在 Emacs 里直接召唤 AI 写代码、改代码

Editor Code Assistant (ECA) integration for Emacs

★ 524 2026-09-13
awesome-codex-plugins 开源

找 Codex 插件,看这份精选清单就够了

A curated list of awesome OpenAI Codex / ChatGPT plugins, skills, and resources. The···

★ 1545 2026-08-09
ai-coding-welfare 开源

找免费 Claude Code 额度,一键配置直接能用

AI Coding 福利站导航:免费白嫖 Claude Code / Codex 的中转站与公益站合集,含额度、模型···

★ 1293 2026-09-16
flutter-ai-rules 开源

给 AI 装上 Flutter 规范,生成代码少返工

Flutter AI Skills and Rules for Claude, Codex, Cursor, and Other AI-Powered IDEs

★ 669 2026-09-16
dsh-codex-effort-slider 开源

拖动滑条平滑调推理强度,高档位带星尘特效

Codex 风格的推理等级滑条(DeepSeek Harness 插件):可拖动连续滑条 + 高档位渐变星尘特···

★ 255 2026-11-05
reversa 开源

把老代码变成 AI 能读懂的规格书,改遗留系统不再靠猜

Transform legacy systems into executable specifications for AI coding agents

★ 1957 2026-10-11
DevOpsGPT 开源

说需求就出可运行软件,还能改老代码

Multi agent system for AI-driven software development. Combine LLM with DevOps tools···

★ 5970 2026-10-17