brand-guidelines – skill Thiết kế & UI cho agent AI
Áp dụng màu thương hiệu và kiểu chữ chính thức của Anthropic cho mọi loại sản phẩm có thể hưởng lợi từ diện mạo của Anthropic. Dùng khi có yêu cầu về màu thương hiệu hoặc hướng dẫn phong cách, định dạng trực quan hay tiêu chuẩn thiết kế của công ty.
Cài skill brand-guidelines bằng một lệnh
Chọn công cụ bạn đang dùng, copy lệnh và dán vào terminal. Skill sẽ nằm trong thư mục skills của công cụ đó và sẵn sàng dùng ở phiên làm việc tiếp theo.
Claude Code
mkdir -p ~/.claude/skills && curl -fsSL https://skill.dn1nguoi.com/z/brand-guidelines-a919c.tgz | tar xz -C ~/.claude/skills
Gọi trong Claude Code: /brand-guidelines – rồi mô tả công việc bạn muốn làm.
Codex
mkdir -p ~/.codex/skills && curl -fsSL https://skill.dn1nguoi.com/z/brand-guidelines-a919c.tgz | tar xz -C ~/.codex/skills
Gọi trong Codex: $brand-guidelines – rồi mô tả công việc bạn muốn làm.
Hermes Agent
mkdir -p ~/.hermes/skills && curl -fsSL https://skill.dn1nguoi.com/z/brand-guidelines-a919c.tgz | tar xz -C ~/.hermes/skills
Gọi trong Hermes Agent: /brand-guidelines – rồi mô tả công việc bạn muốn làm.
DeepSeek
mkdir -p ~/.deepcode/skills && curl -fsSL https://skill.dn1nguoi.com/z/brand-guidelines-a919c.tgz | tar xz -C ~/.deepcode/skills
Gọi trong DeepSeek: /brand-guidelines – rồi mô tả công việc bạn muốn làm.
Nội dung SKILL.md
Nội dung SKILL.md gốc bằng tiếng Anh.
Anthropic Brand Styling
Overview
To access Anthropic's official brand identity and style resources, use this skill.
Keywords: branding, corporate identity, visual identity, post-processing, styling, brand colors, typography, Anthropic brand, visual formatting, visual design
Brand Guidelines
Colors
Main Colors:
- Dark:
#141413- Primary text and dark backgrounds - Light:
#faf9f5- Light backgrounds and text on dark - Mid Gray:
#b0aea5- Secondary elements - Light Gray:
#e8e6dc- Subtle backgrounds
Accent Colors:
- Orange:
#d97757- Primary accent - Blue:
#6a9bcc- Secondary accent - Green:
#788c5d- Tertiary accent
Typography
- Headings: Poppins (with Arial fallback)
- Body Text: Lora (with Georgia fallback)
- Note: Fonts should be pre-installed in your environment for best results
Features
Smart Font Application
- Applies Poppins font to headings (24pt and larger)
- Applies Lora font to body text
- Automatically falls back to Arial/Georgia if custom fonts unavailable
- Preserves readability across all systems
Text Styling
- Headings (24pt+): Poppins font
- Body text: Lora font
- Smart color selection based on background
- Preserves text hierarchy and formatting
Shape and Accent Colors
- Non-text shapes use accent colors
- Cycles through orange, blue, and green accents
- Maintains visual interest while staying on-brand
Technical Details
Font Management
- Uses system-installed Poppins and Lora fonts when available
- Provides automatic fallback to Arial (headings) and Georgia (body)
- No font installation required - works with existing system fonts
- For best results, pre-install Poppins and Lora fonts in your environment
Color Application
- Uses RGB color values for precise brand matching
- Applied via python-pptx's RGBColor class
- Maintains color fidelity across different systems
Skill liên quan
- baoyu-compress-image – Nén ảnh sang WebP (mặc định) hoặc PNG với tự động chọn công cụ. Dùng khi người dùng yêu…
- ai-presenter-video – Tạo video người thuyết trình AI đã xác minh từ kịch bản + ảnh.
- canvas-design – Tạo tác phẩm hình ảnh đẹp dưới dạng tài liệu .png và .pdf theo triết lý thiết kế. Nên…
- baoyu-cover-image – Tạo ảnh bìa bài viết theo 5 chiều (loại, bảng màu, kiểu render, chữ, tâm trạng), kết hợp…
- advanced-evaluation – Thiết kế rubric chấm điểm bằng LLM làm giám khảo, gồm chấm điểm trực tiếp và so sánh…
- baoyu-danger-gemini-web – Tạo ảnh và văn bản qua Gemini Web API được kỹ thuật ngược. Hỗ trợ sinh văn bản, tạo ảnh…
- frontend-design – Hướng dẫn thiết kế giao diện có chủ đích và đặc trưng khi xây dựng UI mới hoặc làm lại…
- baoyu-diagram – Tạo sơ đồ SVG chuyên nghiệp, giao diện tối, cho mọi loại — sơ đồ kiến trúc, lưu đồ, sơ…