CommunityKunst & Designgithub.com

ComposioHQ/brand-guidelines

Applies OpenAI's brand colors and typography to any artifact that should match the Codex/OpenAI look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

Funktioniert mit~Claude CodeCodex CLI~Cursor
npx skills add https://github.com/ComposioHQ/awesome-codex-skills/tree/main/brand-guidelines

Ask in your favorite AI

Open a new chat with this agent skill pre-loaded.

Dokumentation

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

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.

Verwandte Skills

bencium/renaissance-architecture

Software architecture and UI/UX principles for building genuinely new solutions, not derivative work. Use when designing features, architecting software, brainstorming apps, reviewing designs, or during strategy discussions. Focuses on first-principles thinking, simplicity where it matters, and creating rather than commenting.

community

b-mendoza/validate-implementation-plan

Audits an implementation plan for requirements traceability, avoidable complexity, risky assumptions, and evidence gaps. Use when reviewing an AI-generated or human-authored plan, design proposal, implementation outline, task breakdown, or architecture plan and the user wants a standalone audit report without overwriting the source plan.

community

uninhibited-scholar/obsidian-loop-wiki

Loop Engineering for your Obsidian vault: an agent-agnostic skill (Claude Code / Codex / Gemini) that compiles articles into a typed, wikilinked knowledge graph and verifies the result with a no-dependency checker that resists Goodhart-style gaming. Ships a runnable demo vault.

community

flutter/flutter-building-layouts

Builds Flutter layouts using the constraint system and layout widgets. Use when creating or refining the UI structure of a Flutter application.

community

mindrally/nextjs-typescript-tailwindcss-supabase

Full-stack Next.js 14 development with TypeScript, TailwindCSS, and Supabase for building production-ready web applications.

community

Soran-dev/bannermorph-skill

Batch-replace product image in a banner template across N products. AI skill for Claude Code / Qoder / Trae.

community