ทุกดีไซน์ใน 1DesignTool เคลื่อนผ่านลูปห้าขั้นเดียวกัน เข้าใจลูปครั้งเดียวแล้ว ทุกหน้าอื่นในเอกสารจะเดาได้หมด — steering, variants, exports และ Build mode คือการรันเดียวกันที่มองจากมุมต่างกัน
1. บรีฟ
คุณเขียนสิ่งที่ต้องการใน composer — ช่องป้อนที่ท้ายของทุกโปรเจกต์ หรือกล่อง บนหน้าจอหลักสำหรับโปรเจกต์ใหม่ บรีฟจะถูกส่งไปยัง agent ของคุณพร้อมเทมเพลต กฎของ design system และหมุด คอมเมนต์ หรือไฟล์ที่คุณแนบมา ชิป agent ใน composer แสดงว่าการรันจะใช้ CLI และโมเดลตัวไหน
2. สร้าง
แอป spawn agent ของคุณเป็น subprocess แบบ headless ภายในโฟลเดอร์โปรเจกต์
แล้วส่งบรีฟพร้อม design kit ให้มัน — คู่มือกฎแบบ plaintext ที่คัดลอกเข้าทุก
โปรเจกต์ (.claude/skills/ และพวก) ซึ่งบอก agent ว่า "ดี" หมายถึงอะไรที่นี่:
พื้นความคมชัดสี สเกลตัวอักษร ขนาดเป้าหมายการแตะ โครงสร้าง markup agent เขียน
ไฟล์จริง ส่วน preview เฝ้าดูโฟลเดอร์และวาดใหม่ทุกครั้งที่ไฟล์ลง
3. เกต
เมื่อเทิร์นจบ เกตจะตรวจผลลัพธ์เทียบกับ kit: ความคมชัดของข้อความ ขนาดฟอนต์ขั้นต่ำ เป้าหมายของตัวควบคุม นำทางที่ตายที่ความกว้างโทรศัพท์และแท็บเล็ต PASS หมายถึง ผลลัพธ์เป็นของคุณเก็บได้; FAIL จะแจงว่ากฎข้อไหนแตกและตรงไหน และคุณส่งผลตรวจ กลับให้ agent เป็นบรีฟแก้ไขบรรทัดเดียวได้ ดูเกต design kit
4. Steer
ตรงนี้คือจุดที่คุณปั้นร่างให้กลายเป็นดีไซน์: ⌥-click องค์ประกอบเพื่อปัก คอมเมนต์ลงบนมัน เปิด Tweaks เพื่อใช้ตัวควบคุมสดที่ agent เปิดไว้ หรือเขียน บรีฟตามหลังเพื่อเปลี่ยนทิศใหญ่กว่านั้น การ steer แต่ละครั้งคือเทิร์นใหม่ผ่าน ลูปเดิม — agent สร้างใหม่ เกตตรวจใหม่
5. ส่งออก
เมื่อผลลัพธ์ถูกต้อง Share / export จะแพ็กมัน — ZIP, HTML, PNG, PDF, MP4 ตามชุด export ของเทมเพลต โฟลเดอร์โปรเจกต์อยู่ตรงที่คุณวางไว้ และทุกเวอร์ชัน กู้คืนได้จาก history
Tip: ลูปนี้ทำซ้ำถูกมาก รัน variants สามตัวจากบรีฟเดียวกัน เปรียบเทียบ แบบ blind แล้วเลือกตัวชนะ — ดีกว่าบรีฟยาว ๆ ที่พยายามเดาคำตอบ