Chương trình lưu trữ sao 48K: 66 hệ thống thiết kế để ngăn chặn giao diện điều khiển viết bằng ngôn ngữ AI

Name

▪ Giải quyết vấn đề của Al viết giao diện điều khiển UI xấu: thiết kế con mắt-md

Al, có vấn đề gì với đầu trước thế?UI xấu xí.Tôi không biết. Giao diện phía trước được tạo ra bởi đặc vụ AI thường thiếu một cảm giác về thiết kế, sự pha trộn màu sắc bị lẫn lộn và bố trí không được phối hợp.

Nhà kho nàyKết thúc rồi.Bộ quản lý khác 66 tập tin DESIGN.mdLàm đặc vụ AI trực tiếp tạo raĐộ chính xác điểm ảnhTôi không biết.

DESSIGN.md là gì?

DESIGN.md Khái niệm mới được giới thiệu bởi Google Stitch:

Hệ thống Thiết kế Văn bản Thuần: Đặc tả thiết kế giao diện người dùng
LM là người dễ hiểu nhất.: Đánh dấu là dạng thức tốt nhất cho LM
Không cần đâu Figma.Không cần xuất tập tin thiết kế, cũng không cần thiết bản thiết kế JSON
ChènĐặt nó vào thư mục gốc, đặc vụ Al ngay lập tức hiểu

So sánh:

Tài liệu	Ai sẽ đọc nó?	Định nghĩa cái gì?
Đặc vụ S.md	Phần	Làm thế nào xây dựng dự án
DESIGN.md	Thiết kế	Dự án nên được trình bày như thế nào

66 hệ thống thiết kế

Nó được thiết kế sẵn.66 tập tin DESIGN sẵn sàngTrong mọi lĩnh vực:

Tập đoàn AI

Claude, OpenAI, Cohere, 11 phòng thí nghiệm, Mistral Al, XRI, vv.
Google Song Tử, Cùng nhau AI, VoltAgent, vân vân.

Công cụ nhà phát triển

Vercel, con trỏ, Raycast, Warp, Loveable, Expo
Sapase, Stanley, Linear, PostHog, Sanity, etc.

Công nghệ tài chính

sọc, đồng tiền, thùng rác, bạo dâm, khôn ngoan
quái vật.

Nơi Mạng thương hiệu

Apple, Tesla, Nike, Ferrari, Lamborghini
Xác định, Airbnb, Pinterst, Uber, Verge, vv.

Công cụ thiết kế

Figma, Trapr, Miro, Web Flu, Notion, etc.

Dùng phương pháp

Ba bước.:

# 1. 复制 DESIGN.md 到项目根目录
# 比如：复制 vercel/DESIGN.md 到你的项目

# 2. 告诉 AI Agent 使用这个设计
"用 DESIGN.md 的设计规范，帮我生成一个首页"

# 3. AI Agent 生成像素级精确的 UI

Đúng rồi! Đặc vụ Al sẽ tự động:

Đọc hướng dẫn màu DESSIGN.med
Áp dụng các phông chữ và ký tự chính xác
Dùng khoảng cách và bố trí đúng
Tạo ra các thành phần phù hợp với hệ thống thiết kế

DESSIGN.md chứa gì?

Mỗi DESIGN.md chứa9 Toàn bộ chương trình thiết kế:

Chương	Nội dung
Name	Bầu khí quyển, mật độ, triết lý thiết kế.
2. chuẩn màu	Chức năng tên Semantic + hex + hàm
3 Quy tắc phông chữ	Nhóm phông chữ, phân cấp hoàn chỉnh
4. Kiểu dáng thành phần	Nút, bài, khung nhập, định vị, vân vân.
Nguyên tắc bố trí 5.	Tỷ lệ khoảng cách, lưới, triết lý trống
Cao 6.	Hệ thống bóng, mặt
7 Hướng dẫn về chuẩn mực	Thiết kế cột và chế độ đảo ngược
Đáp ứng	Điểm ngắt, mục tiêu liên lạc, chiến lược gấp lại
Đặc vụ Colt.	Tham chiếu màu nhanh, gợi ý sẵn sàng

teppi82@ gmail. com

DESIGN.mdTài liệu hệ thống thiết kế (Nhân viên đọc)
Tôi xin lỗi.Xem thử hình ảnh (color, phông chữ, thành phần)
Tôi không biết.Xem thử chế độ tối

Hệ thống Thiết kế Mẫu

Một số ví dụ điển hình:

Vercel.

Độ chính xác đen trắng, phông chữ Geist
Quá đơn giản, mật mã ưu tiên

Táo.

Một số lớn các phông chữ màu trắng, SF Pro
Ảnh cấp độ phim ảnh, giác quan tiên tiến.

Cởi đồ ra.

Chuyển đổi Màu tím ký
Trọng lượng 300.

Tesla.

Thiết kế cực kỳ nhỏ
Ảnh chụp toàn màn hình, Universal Sans

Tóm tắt

Tôi không biết phải nói gì. Thay đổi hoàn toàn cách AI viết giao diện điều khiển:

66 tập tin DESIGN sẵn sàng
Tài chính, thương hiệu, vân vân.
Xoá
3 bước là đủ: sao chép Zoom tới dự án Zoom Al tạo ra UI hoàn hảo
Name

Kể từ đó, Al viết mặt trận không còn xấu xí nữa.

GitHub:Comment

Name:https vội vàng. vớigoogle.com/docs/ thiết kế-md/overview/