uxskill
Star on GitHub
v3.1.0 · BỘ NÃO · TRỰC TIẾP MIT · KHÔNG ĐO LƯỜNG TỪ XA · KHÔNG LLM

Bộ não tạo ra thiết kế không trông như được tạo tự động.

Một bộ tổng hợp 7 trục biến mọi yêu cầu thành một ngôn ngữ thiết kế mới mẻ, gắn liền với thương hiệu của bạn. Miễn phí, MIT, chạy trong 17 công cụ lập trình AI.

Cuộn xuống
Thứ bạn xuất xưởng mỗi ngày

AI của bạn xuất xưởng điểm trung tâm theo mặc định.

Yêu cầu bất kỳ mô hình nào "xây dựng một trang đích." Bạn sẽ nhận được trung bình của mọi trang nó từng tiếp nhận, trong mười giây, mỗi lần. Đây là hình ảnh của điểm trung tâm.

Xây dựng cho tôi một trang đích fintech.
the slop
Đúng vậy. Tôi muốn nó trông giống chúng tôi, không phải ai khác.
Đó là toàn bộ công việc. Đọc tiếp.the turn ↓
Bước ngoặt

Điều gì sẽ xảy ra nếu mô hình có bộ não của một nhà thiết kế được tích hợp sẵn?

Không phải một mô hình lớn hơn. Một lớp xác định biên dịch một ngôn ngữ thiết kế (độ ấm, độ tương phản, hình học, kiểu chữ) thay vì tìm đến mẫu gần nhất.

Một chuỗi, không phải các thẻ rời rạc

Nó biên dịch một ngôn ngữ thiết kế. Không phải một mẫu.

Năm bước xác định, từ bắt đầu đến xuất xưởng.

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

Đọc yêu cầu.

Ngành, đối tượng, tâm trạng: được phân tích thành một đầu vào có cấu trúc, không cần phỏng đoán.

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

Thiết lập bảy trục.

Độ ấm, độ tương phản, mật độ, hình học, tính trang trọng, chuyển động, kiểu chữ: được điều chỉnh, sau đó phát ra dưới dạng token.

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

Gắn liền với thương hiệu của bạn.

Màu chính được lấy từ pixel logo của bạn, không phải màu CSS gần nhất.

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

Kiểm tra 152 chống mẫu.

Tiêu đề gradient, ba thẻ bằng nhau, động từ phụ: thất bại trong quá trình xây dựng ở đây.

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

Xác minh di động, thực sự.

Được hiển thị ở độ phân giải 360/390px thực trong Chrome không đầu. Cuộn ngang thất bại, không phải người dùng của bạn.

Kho dữ liệu là từ vựng

160 thông số thương hiệu thực: dưới dạng từ, không phải dấu ấn.

Danh mục từng là một menu: chọn Stripe, nhận token theo phong cách Stripe. v3 đã thay đổi điều đó: Stripe, Linear, Vercel, Ferrari, Anthropic trở thành từ vựng mà công cụ chắt lọc, vì vậy đầu ra là mới lạ mỗi lần gọi. Xác định, ngoại tuyến, không có mô hình trong vòng lặp.

1,243  mục nhập có cấu trúc, có thể truy vấn và tham chiếu chéo

corpus.manifest styles84 palettes176 type-pairs70 components148 brands160 anti-patterns152 1,243 entries deterministic · offline · no LLM
Chạy ở nơi bạn đã xây dựng

Cùng một công cụ, cùng một đầu ra đúng thương hiệu, mọi nơi.

Claude Code, Cursor, Windsurf, Copilot, Gemini, Codex, Zed, JetBrains, Cline, Continue, Aider, Tabnine: một lần cài đặt, không cần cấu hình cho từng công cụ. Nhóm của bạn giữ trình chỉnh sửa của mình; nền tảng đi kèm với đó.

Tại sao đây là nền tảng

Ba thuộc tính. Không đối thủ nào có cả ba.

Xác định

Cùng một yêu cầu, cùng một hệ thống. Không có mô hình trong công cụ, không đo lường từ xa, chạy trên máy bay.

Đúng thương hiệu

Màu chính từ pixel logo của bạn; một nền tảng độ trung thực cứng nhắc sẽ loại bỏ bất kỳ đầu ra nào không đúng thương hiệu.

Được kiểm soát di động

Được hiển thị ở khung nhìn thực 360 / 390px: cuộn ngang làm thất bại quá trình xây dựng, không phải người dùng của bạn.

1,243
Mục nhập có cấu trúc
160
Thông số thương hiệu
152
Quy tắc chống mẫu
17
Tích hợp IDE
Cài đặt

Một dòng. Sau đó xây dựng.

Pythonpip install uxskill
Nodenpx uxskill@latest
Nguồngithub.com/Laith0003/ux-skill