DESIGN.md@docs/design-toolA
DESIGN.md@docs/design-tool from linmy666/madcop is a DESIGN.md file: the design rules coding agents follow in that repo.
mdr add linmy666/madcop/docs/design-tool/DESIGN.md@git:20260703.977524cPins git:20260703.977524c in mdr.lock. Pin the fingerprint instead.
- Audit grade
- A, 14 of 14 checks passed
- Kind
- DESIGN.md file
- Repository
- linmy666/madcop
- Path
docs/design-tool/DESIGN.md- Versions recorded
- 1
- Latest version
- git:20260703.977524c, committed Jul 3, 2026
- Size
- 9,082 bytes
- Repository stars
- 25
- License
- a license file GitHub does not identify
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# AI Design 工具调研 + .madcop 文件格式
## 一、AI Design 工具市场调研
### 1.1 主流产品
| 产品 | 定位 | 核心能力 | 操作方式 |
|---|---|---|---|
| **Galileo AI** | UI 设计生成 | 文字描述 → 完整 UI 界面（Figma 格式） | Prompt → 生成 → Figma 编辑 |
| **Uizard** | 快速原型 | 截图/草稿 → 可编辑 UI | 上传→AI识别→拖拽编辑 |
| **Visual Copilot** (Builder.io) | 设计转代码 | Figma 设计 → 生产级 React/Vue 代码 | Figma 插件 → 导出代码 |
| **Locofy.ai** | 设计转代码 | Figma/Adobe XD → React/Next.js 代码 | 设计文件 → 配置 → 导出 |
| **Figma AI** | 设计辅助 | 重命名图层、生成原型、自动布局 | Figma 内置 AI 命令 |
| **Looom** | 动效设计 | 手绘风格动画制作 | iPad 手绘 → 动效 |
| **v0.dev** (Vercel) | 前端代码生成 | 文字描述 → React/Tailwind 组件 | Prompt → 实时预览 → 修改 |
| **Morphic** | 自适应 UI | 文字 → 可编辑界面 | Prompt → 生成 → 修改 |
### 1.2 核心架构（通用模式）
```
用户输入 (Prompt / 手绘 / 截图)
↓
[LLM / 视觉模型] → 理解意图
↓
[组件树生成] → JSON 描述 UI 结构（类型、位置、属性、文字、颜色）
↓
[渲染引擎] → Canvas / Figma / HTML
↓
[交互编辑] ← 拖拽 / 属性面板 / 文字编辑
↓
[导出] → Figma / React / HTML / PDF
```
### 1.3 关键技术点
**1. 组件树（Component Tree）**
AI 生成的是**结构化的 JSON**，不直接画像素：
```json
{
"type": "page",
"children": [
{
"type": "header",
"props": { "title": "Dashboard", "bgColor": "#fff" },
"children": [
…Read the whole file at its exact version.
How to install
mdr add linmy666/madcop/docs/design-tool/DESIGN.md@sha256:6b797273476d59c3The line at the top of this page pins the label git:20260703.977524c, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
[](https://markdownregistry.com/a/art_g5wqw36c2lh2eo6b)
2 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 1 version of this file, committed on Jul 3, 2026.
Audit of the latest version
- pass: Size between 200 bytes and 200 KB (9082 bytes)
- pass: No zero-width or bidi control characters
- pass: No instruction hidden inside an HTML comment
- pass: No link to an exfiltration or paste host
- pass: No credential-shaped string
- pass: No instruction to send local credentials anywhere
- pass: No text hidden with inline styles
- pass: No prompt-injection phrasing
- pass: No curl or wget piped into a shell
- pass: No recursive delete of root, home or parent
- pass: No instruction to read or print local credentials
- pass: No base64 blob over 200 characters
- pass: No link to a raw IP address
- pass: No script tag
Source
linmy666/madcop · 25 stars · license a license file GitHub does not identify · pushed 2026-09-10 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_g5wqw36c2lh2eo6b GET https://markdownregistry.com/api/v1/resolve?ref=linmy666/madcop/docs/design-tool/DESIGN.md GET https://markdownregistry.com/api/v1/blob/6b797273476d59c39fab52ceb0ae702b51eefdbafeeaae3b56e1df20ea52eb39
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
Guides: what DESIGN.md is and how agents use it · which agent file does what.