uxskill
ให้ดาวบน GitHub
v3.2.1 · สมอง · สด MIT · ไม่มีข้อมูลทางไกล · ไม่มี LLM

สมองที่ส่งมอบงานออกแบบที่ ไม่ดูเหมือนถูกสร้างขึ้น

เครื่องสังเคราะห์ 7 แกนเปลี่ยนข้อกำหนดใดๆ ให้เป็นภาษาการออกแบบใหม่ที่ ยึดโยงกับแบรนด์ของคุณ ฟรี, MIT, ทำงานได้ในเครื่องมือเขียนโค้ด AI 17 ชนิด

เลื่อน↓
สิ่งที่คุณส่งมอบทุกวัน

AI ของคุณส่งมอบ ค่ากลาง โดยค่าเริ่มต้น

ลองให้โมเดลใดๆ "สร้างหน้า Landing" คุณจะได้ค่าเฉลี่ยของทุกหน้าที่มันเคยได้รับ, ในสิบวินาที, ทุกครั้ง นี่คือลักษณะของค่ากลาง

สร้างหน้า Landing สำหรับ Fintech ให้ฉันหน่อย
the slop
ถูกต้อง ฉันต้องการให้มันดูเหมือน เรา, ไม่ใช่เหมือนคนทั่วไป
นั่นคืองานทั้งหมด อ่านต่อthe turn ↓
จุดเปลี่ยน

จะเกิดอะไรขึ้นถ้าโมเดลมี สมองของนักออกแบบ ที่เชื่อมต่ออยู่

ไม่ใช่โมเดลที่ใหญ่ขึ้น เลเยอร์ที่กำหนดผลลัพธ์ได้ซึ่ง ประมวลผลภาษาการออกแบบ (ความอบอุ่น, คอนทราสต์, รูปทรงเรขาคณิต, แบบอักษร) แทนที่จะเลือกใช้เทมเพลตที่ใกล้ที่สุด

ลำดับเดียว ไม่ใช่การ์ดที่กระจัดกระจาย

มันประมวลผลภาษาการออกแบบ ไม่ใช่เทมเพลต

ห้าขั้นตอนที่กำหนดผลลัพธ์ได้ เริ่มต้นจนส่งมอบ

system.tokens.css
/* reading brief... */
--industry:'fintech'
--audience:'design-engineers'
--mood:'precise, calm'
01

อ่านข้อกำหนด

อุตสาหกรรม, กลุ่มเป้าหมาย, อารมณ์: ถูกแยกวิเคราะห์เป็นข้อมูลเข้าที่มีโครงสร้าง, ไม่มีการคาดเดา

system.tokens.css
/* synthesizing axes... */
--warmth:0.28
--contrast:0.91
--density:0.44
--formality:0.78
02

ตั้งค่าเจ็ดแกน

ความอบอุ่น, คอนทราสต์, ความหนาแน่น, รูปทรงเรขาคณิต, ความเป็นทางการ, การเคลื่อนไหว, แบบอักษร: ถูกปรับแต่ง, แล้วปล่อยออกมาเป็นโทเค็น

system.tokens.css
/* anchoring brand... */
--canvas:#f6f7f9
--ink:#10131a
--accent:#5b9cff
--radius:10px
03

ยึดโยงกับแบรนด์ของคุณ

สีหลักดึงมาจากพิกเซลของโลโก้ของคุณ, ไม่ใช่สี CSS ที่ใกล้ที่สุด

system.tokens.css
--display:'Bricolage Grotesque'
--body-font:'Inter'
/* linting 152 rules... */
/* 0 violations */
04

ตรวจสอบแอนตี้แพทเทิร์น 152 รายการ

ส่วนหัวแบบไล่ระดับสี, การ์ดสามใบที่เท่ากัน, คำกริยาที่ใช้เติม: ล้มเหลวในการสร้างที่นี่

system.tokens.css
/* verifying 360px... */
/* h-scroll: none */
/* sticky: 56px ok */
/* verified ok */
05

ตรวจสอบบนมือถือ, ของจริง

แสดงผลที่ 360/390px จริงใน headless Chrome การเลื่อนแนวนอนล้มเหลว, ไม่ใช่ผู้ใช้ของคุณ

คลังข้อมูลคือคำศัพท์

ข้อกำหนดแบรนด์จริง 160 รายการ: เป็นคำ ไม่ใช่ตราประทับ

แค็ตตาล็อกเคยเป็นเมนู: เลือก Stripe, ได้โทเค็นสไตล์ Stripe v3 พลิกแนวคิดนั้น: Stripe, Linear, Vercel, Ferrari, Anthropic กลายเป็นคำศัพท์ที่เอนจินกลั่นกรองออกมา, ทำให้ผลลัพธ์เป็นสิ่งใหม่ทุกครั้งที่เรียกใช้ กำหนดผลลัพธ์ได้, ออฟไลน์, ไม่มีโมเดลอยู่ในระบบ

1,243  รายการที่มีโครงสร้าง, สามารถสอบถามและอ้างอิงข้ามได้

corpus.manifest styles84 palettes176 type-pairs70 components148 brands160 anti-patterns152 1,243 entries deterministic · offline · no LLM
ทำงานในที่ที่คุณสร้างอยู่แล้ว

เอนจินเดียวกัน, ผลลัพธ์ที่ตรงตามแบรนด์เดียวกัน, ทุกที่

Claude Code, Cursor, Windsurf, Copilot, Gemini, Codex, Zed, JetBrains, Cline, Continue, Aider, Tabnine: ติดตั้งครั้งเดียว, ไม่ต้องตั้งค่าแยกเครื่องมือ ทีมของคุณยังคงใช้เอดิเตอร์เดิมได้; พื้นฐานนี้มาพร้อมกับมัน

ทำไมสิ่งนี้ถึงเป็นพื้นฐาน

สามคุณสมบัติ ไม่มีคู่แข่งรายใดมีครบทั้งสาม

กำหนดผลลัพธ์ได้

ข้อกำหนดเดียวกัน, ระบบเดียวกัน ไม่มีโมเดลในเอนจิน, ไม่มีข้อมูลทางไกล, ทำงานได้บนเครื่องบิน

ตรงตามแบรนด์

สีหลักจากพิกเซลของโลโก้ของคุณ; พื้นฐานความเที่ยงตรงที่แข็งแกร่งจะทำให้ผลลัพธ์ที่ไม่ตรงตามแบรนด์ล้มเหลว

ผ่านเกณฑ์มือถือ

แสดงผลที่วิวพอร์ตจริง 360 / 390px: การเลื่อนแนวนอนทำให้การสร้างล้มเหลว, ไม่ใช่ผู้ใช้ของคุณ

1,243
รายการที่มีโครงสร้าง
160
ข้อกำหนดแบรนด์
152
กฎแอนตี้แพทเทิร์น
17
การผสานรวม IDE
ติดตั้ง

บรรทัดเดียว แล้วสร้าง

Pythonpip install uxskill
Nodenpx uxskill@latest
แหล่งที่มาgithub.com/Laith0003/ux-skill