48K โปรแกรมดาว: ระบบออกแบบ 66 ระบบเพื่อหยุดการเขียน AI ด้านหน้า
○ แก้ปัญหาการเขียน AI ด้านหน้า UI น่าเกลียด: syeome ออกแบบ- md
เอไอ, ด้านหน้ามีปัญหาอะไร?UI น่าเกลียดฉันไม่รู้ ส่วนติดต่อแบบด้านหน้าที่สร้างขึ้นโดย เอไอ เอเจ้นท์ มักจะขาดความรู้สึกของการออกแบบ การผสมสีนั้นสับสน และผังก็ไม่มีการประสานงานกัน
โกดังนี้มันจบแล้วผู้ประสานงานอื่น แฟ้ม identic.md 66 แฟ้มให้ AI ของคุณสร้างความแม่นยําระดับพิกเซลฉันไม่รู้
DESIGN คืออะไร?
โปรแกรมสังเคราะห์ แนวคิดใหม่ที่แนะนําโดย Google Stitch:
- ระบบออกแบบข้อความบริสุทธิ์แปรงทาสี
- มันเข้าใจง่ายที่สุดสืบค้นเมื่อ:
- ไม่จําเป็นหรอก ฟิกมาไม่มีการส่งออกไฟล์การออกแบบ ไม่จําเป็นต้องมี Json Schema
- แทรกใส่มันลงในไดเร็กทอรีราก เจ้าหน้าที่ AI เข้าใจทันที
เปรียบเทียบ:
| เอกสาร | ใครจะอ่านมัน? | อธิบายอะไร? |
|---|---|---|
| ตัวแทนที่ | หัวข้อต่าง ๆ | วิธี สร้าง โครงการ |
| โปรแกรมสังเคราะห์ | ออกแบบ กิจการ | จะ มี การ เสนอ โครงการ นี้ อย่าง ไร |
ระบบออกแบบ 66 ระบบ
มีการออกแบบ mdมีแฟ้มแบบ December.md ที่ใช้งาน 66 ที่มีอยู่ในทุกๆพื้นที่:
บริษัท AI
- Claude, OpenAI, Cohere, 11 Labs, Mitrral AI, XAI เป็นต้น
- Google Gemini, ร่วมกัน AI, Volt Agency, ฯลฯ.
ตั้งค่าโครงการ
- Vercel, เคอร์เซอร์, Raycast, Warp, Loveable, Expo
- Supebse, Stanley, Linear, Post Hog, Sanity เป็นต้น
เทคโนโลยีการเงิน
- เปลื้องผ้า, เหรียญเงิน, เหรียญเงิน, เงิน, ค่าชดเชย, ปัญญา
- Kraken, Airable เป็นต้น
เว็บไซต์แบรนด์
- แอปเปิล, เทสลา, นีค, บีเอ็มดับเบิลยู, เฟอร์รารี, แลมโบกินี
- Airbnb, Pinterst, Uber, The Verge เป็นต้น
เครื่องมือออกแบบ
- Figma, Emper, Miro, webfraph, Noation, อื่น ๆ.
ใช้วิธี
สามขั้น.
# 1. 复制 DESIGN.md 到项目根目录 # 比如：复制 vercel/DESIGN.md 到你的项目 # 2. 告诉 AI Agent 使用这个设计 "用 DESIGN.md 的设计规范，帮我生成一个首页" # 3. AI Agent 生成像素级精确的 UI
นั่นแหละ! AI ตัวแทนจะอัตโนมัติ:
- อ่านคําสั่ง DESIGN.md Plood
- ปรับใช้แบบอักษรและอักขระที่ถูกต้อง
- ใช้ช่องว่างและผังแป้นพิมพ์ที่ถูกต้อง
- ส่วนประกอบที่สร้างที่ตรงกับระบบการออกแบบ
DESIGN มีอะไรบ้าง
ตัวจําลองแต่ละตัวบรรจุอยู่9 บทรหัสแบบสมบูรณ์.
| บท | เนื้อหา |
|---|---|
| ชุดตกแต่งภาพ | บรรยากาศ ความหนาแน่น ปรัชญาการออกแบบ |
| 2. ตารางสี | ชื่อเซลติก + เฮกซ์ + บทบาทของฟังก์ชัน |
| 3. กฎแบบอักษร | ตระกูลแบบอักษร, ลําดับชั้นที่สมบูรณ์ |
| รูปแบบส่วนประกอบ 4. | ปุ่ม, การ์ด, กรอบป้อนข้อมูล, การนําทาง เป็นต้น |
| 5 การจัดวาง | สัดส่วนช่องว่าง, ตาราง, ปรัชญาว่าง |
| ระดับความลึก 6. | ระบบเงา, ระดับพื้นผิว |
| 7 คํา แนะ นํา ที่ สุขุม | ออกแบบคอลัมน์และย้อนกลับ |
| ปฏิกิริยา | จุดหยุด, เป้าหมายสัมผัส, กลยุทธ์พับ |
| เจ้าหน้าที่ไฮต์ | อ้างอิงสีเร็ว, คําใบ้พร้อม |
○ ทุก สถาน ที่ มี
- โปรแกรมสังเคราะห์เอกสารออกแบบระบบ (อ่านจาก AI AGE)
- ฉันขอโทษแสดงตัวอย่างภาพ (สี, แบบอักษร, ส่วนประกอบ)
- ฉันไม่รู้แสดงตัวอย่างโหมดมืด
ระบบออกแบบตัวอย่าง
หลายตัวอย่างคลาสสิก:
เวอเซล
- ทศนิยม- ขาว, แบบอักษรของไกสท์
- ความเรียบง่ายสูง, ความสําคัญของโค้ด
แอปเปิ้ล
- ตัวอักษรแบบ SF Pro
- ภาพระดับฟิล์ม ประสาทสัมผัสขั้นสูง
เปลื้องผ้า
- ไล่สีเทาสีม่วงแบบสัญลักษณ์
- น้ําหนัก 300
เทสล่า
- การออกแบบที่ลดลงอย่างมาก
- ภาพถ่ายเต็มจอ, University Sans
สรุป
ฉันไม่รู้จะพูดยังไง เปลี่ยนวิธีการเขียน AI.
- มีแฟ้มแบบ December.md ที่ใช้งาน 66 ที่มีอยู่
- ครอบคลุมบริษัท AI, นักพัฒนาอุปกรณ์, การเงิน, แบรนด์ เป็นต้น
- เข้าใจดีที่สุดในรูปแบบการทําเครื่องหมาย
- สามขั้นตอนคือพอ: คัดลอกซูมไปยังโครงการซูม AI สร้างที่สมบูรณ์แบบ UI
- กูเกิลคอนเซ็ปต์ สนับสนุนอย่างเป็นทางการ
ตั้งแต่นั้นเป็นต้นมา เอไอเขียนฉากหน้า ไม่น่าเกลียดอีกต่อไป
กิตฮับ.https/sgithub.com/Volt Agency/Awora-ออกแบบ- md
กูเกิ้ล Stitch.https/smd/ overview/