uxskill
ให้ดาวบน GitHub
v3.1.0 · สมอง · สด 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