brand-guidelines – skill Thiết kế & UI cho agent AI
Áp dụng màu thương hiệu và kiểu chữ của OpenAI cho bất kỳ sản phẩm nào cần khớp với giao diện Codex/OpenAI. Dùng khi có hướng dẫn màu thương hiệu hoặc phong cách, định dạng hình ảnh, hoặc tiêu chuẩn thiết kế công ty áp dụng.
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-bf810.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-bf810.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-bf810.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-bf810.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.
OpenAI Brand Styling
Overview
Apply OpenAI's brand identity and style resources with this skill.
Keywords: branding, corporate identity, visual identity, post-processing, styling, brand colors, typography, OpenAI brand, Codex, visual formatting, visual design
Brand Guidelines
Colors
Main Colors:
- Charcoal:
#0E0F12- Primary text and dark backgrounds - Slate:
#202123- Surface backgrounds - Mist:
#F5F7FA- Light backgrounds and text on dark - Steel:
#9EA1AA- Secondary elements and dividers
Accent Colors:
- OpenAI Green:
#10A37F- Primary accent - Azure:
#2B8FFF- Secondary accent - Graphite:
#40434A- Neutral accent for icons or strokes
Typography
- Headings: Inter, Semibold/Bold (with Arial fallback)
- Body Text: Inter, Regular (with Arial fallback)
- Code/Monospace: IBM Plex Mono (with Menlo/monospace fallback)
- Note: Fonts should be pre-installed in your environment for best results
Features
Smart Font Application
- Applies Inter Semibold/Bold to headings (24pt and larger)
- Applies Inter Regular to body text
- Applies IBM Plex Mono for code snippets or inline code
- Automatically falls back to Arial/Menlo if custom fonts unavailable
- Preserves readability across all systems
Text Styling
- Headings (24pt+): Inter Semibold/Bold
- Body text: Inter Regular
- Smart color selection based on background (Charcoal or Mist as appropriate)
- Preserves text hierarchy and formatting
Shape and Accent Colors
- Non-text shapes use accent colors
- Cycle accent usage: OpenAI Green → Azure → Graphite
- Maintains visual interest while staying on-brand
Technical Details
Font Management
- Uses system-installed Inter and IBM Plex Mono fonts when available
- Provides automatic fallback to Arial (headings/body) and Menlo/monospace (code)
- No font installation required - works with existing system fonts
- For best results, pre-install Inter and IBM Plex Mono 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
- chatgpt-apps – Xây dựng, scaffold, refactor và xử lý sự cố ứng dụng ChatGPT Apps SDK kết hợp máy chủ…
- baoyu-comic – Công cụ tạo truyện tranh kiến thức, hỗ trợ nhiều phong cách nghệ thuật và giọng điệu…
- canvas-design – Tạo tác phẩm hình ảnh đẹp dưới dạng tài liệu .png và .pdf dựa trên triết lý thiết kế…
- image-generator – Tạo hoặc chỉnh sửa ảnh từ văn bản và file cục bộ, URL ảnh hoặc data URL qua image API…
- adversarial-ux-test – Nhập vai người dùng thù địch để tìm và phân loại các điểm đau UX.
- brand-guidelines – Á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ó…
- 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.