VividKit Crystal clear AI coding
EN
Chọn Thiết Lập Bắt Đầu với AgentKit Tiếp Tục với ClaudeKit Chuyển từ ClaudeKit sang AgentKit Gỡ hẳn ClaudeKit AgentKit Là Gì? AgentKit Hoạt Động Như Thế Nào? Kit, Skill, Agent & Hook AgentKit Hỗ Trợ Runtime AgentKit Ứng Dụng AgentKit Desktop Cấu Hình AgentKit Tra Cứu CLI ak Cheatsheet skill AgentKit Workflows AgentKit Statusline AgentKit Cập Nhật CLI ak & Kits AgentKit Helper Cài lại clean AgentKit Xử Lý Sự Cố AgentKit Giới Thiệu ClaudeKit Hướng Dẫn ClaudeKit CLI Tìm Lệnh Phù Hợp Bảng Lệnh Nhanh Quy Trình Mẫu Tham Chiếu CLI Claude Mechanics Permission Modes ClaudeKit Hooks Coexistence ClaudeKit x Codex CK → Tool coding khác Cách ClaudeKit Hoạt Động Inside ClaudeKit Tìm Unknowns Của Bạn Khôi Phục Session Sửa Lỗi Từ Log Thiết Kế UI/UX Chuyển Đổi Tài Khoản Cấu Hình IDE Remote Control Codex App Sơ đồ hệ thống UI Review Gate Khuyến Mãi Ủng Hộ VividKit

Tóm tắt nhanh / Lệnh

Bộ Engineer

/ak:design

Thiết kế nhận diện và hình ảnh

Skill thiết kế hình ảnh và thương hiệu thống nhất cho identity, logo, CIP, slide, banner, social photo, icon, poster và routing design-system — không dùng cho pattern code UI.

01

Đọc brief thiết kế

02

Định tuyến nhiệm vụ

03

Bảo vệ brand

04

Chọn phương pháp

Nguyên tắc 01

Thiết kế bắt đầu từ deliverable, audience và hướng thẩm mỹ.

Nguyên tắc 02

Asset brand thật phải được tìm, không bịa.

Nguyên tắc 03

Visual chung chung là lỗi, không phải mặc định an toàn.

Nguyên tắc 04

Code UI đưa sang skill UI; skill này phụ trách brand và asset hình ảnh.

Nguyên tắc 05

Phê bình concept trước khi đánh bóng phần thi công.

Bản đồ thực thi

Các nhánh chính từ đầu vào đến kết quả, bám theo cách command chạy khi dùng thật.

01

Khởi động

Đầu vào, phạm vi, route

  1. 1 Đọc brief thiết kế Tuyên bố: “Reading this as: <deliverable> for <audience>, leaning <aesthetic direction>.” Chỉ hỏi đúng một câu nếu brief thật sự mơ hồ.
  2. 2 Định tuyến nhiệm vụ Đưa việc brand, token, UI styling, logo, CIP, slide, banner, social photo, icon hoặc poster sang đúng sub-skill/tài liệu.
02

Xử lý

Agent / skill thực thi

  1. 3 Bảo vệ brand Với brand thật, tìm asset xác thực trước; với brand mới, tạo hoặc brief identity mới một cách chủ đích.
  2. 4 Chọn phương pháp Dùng reference hoặc script phù hợp: logo search/generate, CIP search/generate/render, slides create, banner workflow, icon generator, poster search/generate hoặc social photo workflow.
03

Kiểm chứng

Gate, review, xác thực

  1. 5 Định hình hướng Với việc mới, mơ hồ hoặc xuất ra ngoài, chạy chuỗi 4 pass của design-workflow và làm rõ style, palette, composition cùng điều cần loại trừ trước khi generate tốn chi phí.
  2. 6 Tạo asset Tạo đúng đầu ra: logo nền trắng, mockup CIP, slide HTML, banner/social đúng kích thước, icon SVG hoặc prompt poster sẵn dùng cho model.
04

Đóng

Báo cáo, bàn giao, artifact

  1. 7 Review tay nghề Tự review theo design critique guide; nếu điểm concept từ 5 trở xuống, sửa ý tưởng trước khi đánh bóng kỹ thuật.
  2. 8 Trình bày và lặp Trình bày các phương án cạnh nhau, hỏi về HTML preview sau khi tạo logo, export screenshot khi cần và lặp theo feedback.

Cú pháp, đối số, subcommand

Cách gọi skill: cú pháp, đối số vị trí, option dùng chung, rồi từng subcommand với cú pháp và kết quả riêng.

Cú pháp

/ak:design [design-type] [context]

Đối số

[design-type] Bắt buộc

Loại thiết kế

Artifact hình ảnh hoặc hướng định tuyến cần bắt đầu: nhận diện thương hiệu, token, logo, CIP, slide, banner, ảnh mạng xã hội, icon SVG, prompt poster hoặc UI styling liên quan. Không phải mode flag.

/ak:design ý tưởng logo cho startup fintech tên LedgerFox
[context]

Context brief

Audience, nền tảng hoặc định dạng vật lý, copy bắt buộc, asset thương hiệu, số lượng, kích thước, định dạng bàn giao và nơi ghi output. Với brand thật, cung cấp asset đã duyệt thay vì yêu cầu Skill đoán.

/ak:design banner ra mắt LinkedIn cho Notion sử dụng tài sản thương hiệu thật của nó

Tính năng đặc biệt

Logo

Tìm style, màu, ngành rồi tạo các biến thể logo nền trắng.

CIP

Tạo mockup và render presentation HTML cho bộ nhận diện doanh nghiệp.

Banner

Thiết kế banner social, ads, web hoặc print đúng kích thước, có safe zone và một CTA.

Poster

Tạo prompt poster không phụ thuộc model, giữ cố định các trục thị giác và đổi seed biến thể.

Prompt mẫu

Ví dụ gọi command theo từng flag, subcommand, mode hoặc route dùng được trong workflow thực tế.

Bộ thương hiệu Khuyến nghị 
/ak:design nhận diện thương hiệu và ý tưởng logo cho startup fintech tên LedgerFox
Dùng khi:
Khi cần identity và hướng logo mới cho một brand giả định.
Kết quả:
Đọc brief, định tuyến sang logo/identity, tạo hướng logo nền trắng, critique concept và trình bày các phương án.
Banner brand thật 
/ak:design Banner ra mắt LinkedIn cho Notion sử dụng tài sản thương hiệu thật của nó
Dùng khi:
Khi nêu công ty/sản phẩm thật và asset phải xác thực.
Kết quả:
Nạp brand-asset protocol trước, tìm logo/asset xác thực, rồi thiết kế và export banner đúng kích thước kèm kiểm tra visual.
Bộ icon SVG 
/ak:design tạo bốn biểu tượng điều hướng SVG cho bảng điều khiển tài chính sử dụng kiểu outlined và currentColor
Dùng khi:
Khi cần SVG icon được generate dưới dạng text, không phải code UI ứng dụng.
Kết quả:
Định tuyến tới icon generator tích hợp, tạo biến thể SVG XML, rồi kiểm viewBox, currentColor, title và độ rõ ở size nhỏ.
Prompt poster 
/ak:design poster cho hội nghị AI với phong cách biên tập Thụy Sĩ
Dùng khi:
Khi cần prompt sẵn đưa cho model với style, palette, texture và layout rõ.
Kết quả:
Tìm trong knowledge base poster, tạo brief và xuất prompt không phụ thuộc model thay vì tuyên bố đã có ảnh.

Phạm vi xử lý

  • Brand identity
  • Design token và spec
  • Tạo logo
  • Bộ nhận diện doanh nghiệp
  • Slide và pitch deck
  • Banner và social photo
  • Icon SVG
  • Hệ prompt poster

Skill liên quan

Tiếp theo