Mới: evon:ui-ux giờ làm việc như một designer. Đưa brief, 2–3 wireframe, bạn chọn xong mới dựng. Xem evon:ui-ux

evondevKit
evon:ui-ux: làm UI như một designer

Bộ skill cho coding agent của evondev

Mỗi skill là một bộ luật cụ thể, test trên dự án thật rồi mới đưa lên đây. Cài một lần, dùng cho mọi dự án, trên Claude Code, Cursor, Codex, OpenCode, Antigravity hay ZCode.

Xem evon:ui-uxCài evondevKit

Gõ hai lệnh này trong Claude Code

  • /plugin marketplace add evondev/evondevKit
  • /plugin install evon@evondevkit

Dùng được với

  • Claude Code
  • Cursor
  • Codex
  • OpenCode
  • Antigravity
  • ZCode
  • npx
  • bunx

0102Skill

Có gì trong bộ

Cài một lần, có thêm skill mới

Trên Claude Code, bạn chỉ cần cài plugin evon một lần. Khi mình thêm skill mới, cập nhật marketplace là có.

  • Beta

    /evon:ui-ux

    UI/UX cho app

    Dựng mới hoặc làm lại màn hình app theo cách một designer làm: brief, 2–3 wireframe, bạn chọn rồi mới dựng. Ngoài ra còn soi lỗi UI đang có, dựng lại mà giữ brand, và dọn code mà giao diện không đổi.

    • Qua 70 prompt test
    • Có wireframe trước khi code
    • Đo từ 375 tới 1920px
    Xem chi tiết: /evon:ui-ux

  • Skill tiếp theo

    Đang test trên dự án thật. Chưa qua test thì mình chưa đưa lên đây.

    Sắp có

0202Cách làm

Mình viết skill thế nào

Hứa ít, đo nhiều

Ba nguyên tắc skill nào trong bộ cũng phải theo.

  • Luật cụ thể, có mã số. Không dặn chung chung kiểu “làm cho đẹp”. Mỗi luật có mã riêng, nhiều luật ra đời từ chính lỗi gặp lúc test.

  • Test xong mới hứa. Tính năng nào chưa qua test, trang này ghi là “sắp có”, không ghi là “có”.

  • Theo dự án của bạn. Đọc codebase trước khi viết dòng nào. Có component, token, quy ước sẵn thì dùng lại, không ép theo bộ của skill.

Cài đặt

Cài evondevKit

Claude Code gõ hai lệnh là có đủ bộ, Cursor, Codex, OpenCode, Antigravity và ZCode thì một lệnh npx skills add. Miễn phí, mã nguồn mở MIT.

Xem evon:ui-uxXem trên GitHub
  • /plugin marketplace add evondev/evondevKit
  • /plugin install evon@evondevkit