Communitygithub.com

ComposioHQ/ブランドガイドライン

Codex/OpenAIのルック&フィールに合わせるため、任意のアーティファクトにOpenAIのブランドカラーとタイポグラフィを適用します。ブランドカラーやスタイルガイドライン、ビジュアルフォーマット、企業デザイン基準が適用される場合に使用してください。

ブランドガイドライン とは?

このスキルは、OpenAIのブランドアイデンティティを一貫して適用するためのツールです。主にCodexやOpenAIのビジュアルスタイルに準拠したアーティファクトの作成を目的としており、ブランドカラー(チャコール#0E0F12、スレート#202123、ミスト#F5F7FA、スチール#9EA1AAなど)や、アクセントカラー(OpenAIグリーン#10A37F、アズール#2B8FFF、グラファイト#40434A)を正確に設定します。タイポグラフィは、見出しにInter Semibold/Bold、本文にInter Regular、コードにIBM Plex Monoを使用し、フォントが利用できない場合はArialやMenloに自動的にフォールバックします。このスキルは、python-pptxのRGBColorクラスを使用して正確なカラー適用を行い、システムフォントに依存するため追加のインストールは不要ですが、最良の結果を得るためには事前にInterとIBM Plex Monoのインストールが推奨されます。

対応~Claude Code✓Codex CLI~Cursor
npx skills add https://github.com/ComposioHQ/awesome-codex-skills/tree/main/brand-guidelines

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

OpenAI ブランドスタイリング

概要

このスキルを使用して、OpenAIのブランドアイデンティティとスタイルリソースを適用します。

キーワード: ブランディング、コーポレートアイデンティティ、ビジュアルアイデンティティ、後処理、スタイリング、ブランドカラー、タイポグラフィ、OpenAIブランド、Codex、ビジュアルフォーマット、ビジュアルデザイン

ブランドガイドライン は何をしますか?

カラー

メインカラー:

  • チャコール: #0E0F12 - プライマリテキストとダーク背景
  • スレート: #202123 - サーフェス背景
  • ミスト: #F5F7FA - ライト背景とダーク背景上のテキスト
  • スチール: #9EA1AA - セカンダリ要素と区切り線

アクセントカラー:

  • OpenAIグリーン: #10A37F - プライマリアクセント
  • アズール: #2B8FFF - セカンダリアクセント
  • グラファイト: #40434A - アイコンやストローク用の中立アクセント

タイポグラフィ

  • 見出し: Inter、Semibold/Bold(Arialフォールバック)
  • 本文: Inter、Regular(Arialフォールバック)
  • コード/モノスペース: IBM Plex Mono(Menlo/monospaceフォールバック)
  • 注記: 最良の結果を得るには、フォントを環境に事前インストールしてください

機能

スマートフォント適用

  • 見出し(24pt以上)にInter Semibold/Boldを適用
  • 本文にInter Regularを適用
  • コードスニペットやインラインコードにIBM Plex Monoを適用
  • カスタムフォントが利用できない場合、自動的にArial/Menloにフォールバック
  • すべてのシステムで可読性を維持

テキストスタイリング

  • 見出し(24pt以上): Inter Semibold/Bold
  • 本文: Inter Regular
  • 背景に基づくスマートなカラー選択(チャコールまたはミストを適宜使用)
  • テキストの階層とフォーマットを維持

シェイプとアクセントカラー

  • 非テキストシェイプにはアクセントカラーを使用
  • アクセントの使用を循環: OpenAIグリーン → アズール → グラファイト
  • ブランドに忠実でありながら視覚的な興味を維持

技術詳細

フォント管理

  • システムにインストールされたInterおよびIBM Plex Monoフォントが利用可能な場合に使用
  • 見出し/本文はArial、コードはMenlo/monospaceへの自動フォールバックを提供
  • フォントのインストールは不要 - 既存のシステムフォントで動作
  • 最良の結果を得るには、環境にInterとIBM Plex Monoフォントを事前インストールしてください

カラー適用

  • 正確なブランドマッチングのためにRGBカラー値を使用
  • python-pptxのRGBColorクラスを介して適用
  • 異なるシステム間でカラーの忠実度を維持

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

ComposioHQ/-21risk-automation

Automate 21risk tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/-2chat-automation

Automate 2chat tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/ably-automation

Automate Ably tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/abstract-automation

Automate Abstract tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/abuselpdb-automation

Automate Abuselpdb tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/abyssale-automation

Automate Abyssale tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/accelo-automation

Automate Accelo tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/accredible-certificates-automation

Automate Accredible Certificates tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/acculynx-automation

Automate Acculynx tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/active-campaign-automation

Automate ActiveCampaign tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/addresszen-automation

Automate Addresszen tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/adobe-automation

Automate Adobe tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/adrapid-automation

Automate Adrapid tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/adyntel-automation

Automate Adyntel tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/aeroleads-automation

Automate Aeroleads tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/aero-workflow-automation

Automate Aero Workflow tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/affinda-automation

Automate Affinda tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/affinity-automation

Automate Affinity tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/agencyzoom-automation

Automate Agencyzoom tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/agent-deep-links

Build, validate, and troubleshoot deep links for Codex, Cursor, VS Code, Visual Studio, and similar tools. Use when users ask for clickable links (especially in Slack) that open threads, files, folders, or app settings.

関連スキル