Trợ lý brand.yml
Tạo và quản lý tệp _brand.yml để áp dụng màu sắc, font và logo thương hiệu nhất quán cho ứng dụng Shiny và tài liệu Quarto.
Thiết kế · UITrung cấp★ 473⑂ 40Điểm AI 9/10Cập nhật lần cuối: 17 thg 8, 2026
Làm được gì
- Chuyển bộ nhận diện thương hiệu (mã màu, font, logo) thành tệp
_brand.ymltheo từng bước. - Hướng dẫn tích hợp cho Shiny for R (
bs_theme(brand = TRUE)), Shiny for Python (ui.Theme.from_brand()) và Quarto (theo tài liệu hoặc theo project). - Sửa tệp
_brand.ymlcó sẵn mà không làm hỏng các tham chiếu màu trong palette. - Danh sách kiểm tra khi thương hiệu không được áp dụng, màu sai, font không tải, hoặc lỗi cú pháp YAML.
- Mẫu sẵn cho chế độ sáng/tối, biến thể logo, nhiều độ dày font và bút danh (alias) màu.
Dành cho ai
- Lập trình viên, nhà phân tích dữ liệu xây dashboard Shiny bằng R hoặc Python cần theo chuẩn thương hiệu công ty.
- Nhóm nghiên cứu, nhóm dữ liệu xuất báo cáo, slide, dashboard bằng Quarto.
- Người phụ trách design system nội bộ muốn tái sử dụng cùng một bộ token thiết kế.
Ví dụ sử dụng
- "Tạo _brand.yml với màu chính #0066cc và font Inter" → sinh tệp từ cấu hình tối thiểu rồi mở rộng typography, logo.
- "Áp dụng thương hiệu này vào app Shiny for Python" → chèn
ui.Theme.from_brand(__file__)và nhắc càipip install "shiny[theme]". - "Quarto không nhận thương hiệu" → kiểm tra tên tệp, vị trí, sự tồn tại của
_quarto.ymlvà thứ tự lớp theme.
· · · Hướng dẫn cài đặt · · ·
Dùng thử ngay, không cần cài
Dán đoạn dưới vào Claude là dùng được skill này mà không cần cài đặt.
Hãy đọc hướng dẫn trong tệp này và làm theo để giúp mình: https://raw.githubusercontent.com/posit-dev/skills/HEAD/brand-yml/SKILL.md Mình muốn: (viết việc bạn cần ở đây)
Nếu Claude không mở được liên kết, hãy mở liên kết và copy nội dung vào rồi dán.
↓ Thấy hữu ích thì tải ZIP bên dưới và cài. Sau đó skill tự chạy, không phải dán lại mỗi lần.
Cài vào ứng dụng Claude (không cần terminal)
- Tải tệp ZIP bằng nút bên dưới.
- Trong Claude, mở Settings → Capabilities và bật 'Code execution and file creation'. (chỉ một lần)
- Vào Customize → Skills → + → 'Upload a skill' rồi tải tệp ZIP lên.
Cài vào Claude Code
Để Claude làm — dán câu dưới đây vào Claude Code
Hãy cài skill mình tìm thấy trên Claude Skill Mart. Copy thư mục brand-yml từ repo GitHub posit-dev/skills vào ~/.claude/skills/brand-yml/ của mình. Sau khi cài xong, cho mình biết skill này làm được gì trong một câu.
Cài bằng lệnh thủ công
git clone https://github.com/posit-dev/skills.git /tmp/posit-skills && mkdir -p ~/.claude/skills && cp -r /tmp/posit-skills/brand-yml ~/.claude/skills/⚠ Đây là skill do người khác tạo. Hãy kiểm tra repo gốc trước khi cài.
- Mở Terminal (macOS/Linux) hoặc Git Bash (Windows).
- Tải mã nguồn:
git clone https://github.com/posit-dev/skills.git - Tạo thư mục skills:
mkdir -p ~/.claude/skills - Sao chép skill này:
cp -r skills/brand-yml ~/.claude/skills/(nhớ giữ nguyên thư mục conreferences/). - Khởi động lại Claude Code, rồi yêu cầu ví dụ "tạo cho tôi tệp _brand.yml" để skill tự kích hoạt.
- Nếu dùng Shiny for Python, cài thêm:
pip install "shiny[theme]".
Xem mã nguồn trên GitHub ↗Giấy phép: MIT