From seapowers
Use this skill for ANY output that must follow SEA.AI brand guidelines — documents, diagrams, infographics, PDFs, presentations (PPTX), spec sheets, one-pagers, reports, and UI/web code. This is the single source of truth for SEA.AI CI/CD. ALWAYS trigger when: creating diagrams, charts, infographics, any PDF or document, any PPTX slide deck, any web/HTML/JS/TS UI, any marketing or technical material for SEA.AI. Covers ALL output types — if it carries the SEA.AI brand, use this skill. SKIP when working inside the Core-Frontend repo.
How this skill is triggered — by the user, by Claude, or both
Slash command
/seapowers:sea-ai-brandThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Source of truth: **Brand Book 2025** (stored at `Brand info alt/Brand Book 2025.pdf`)
assets/BarlowSemiCondensed-Black.ttfassets/BarlowSemiCondensed-BlackItalic.ttfassets/BarlowSemiCondensed-Bold.ttfassets/BarlowSemiCondensed-BoldItalic.ttfassets/BarlowSemiCondensed-ExtraBold.ttfassets/BarlowSemiCondensed-ExtraBoldItalic.ttfassets/BarlowSemiCondensed-ExtraLight.ttfassets/BarlowSemiCondensed-ExtraLightItalic.ttfassets/BarlowSemiCondensed-Italic.ttfassets/BarlowSemiCondensed-Light.ttfassets/BarlowSemiCondensed-LightItalic.ttfassets/BarlowSemiCondensed-Medium.ttfassets/BarlowSemiCondensed-MediumItalic.ttfassets/BarlowSemiCondensed-Regular.ttfassets/BarlowSemiCondensed-SemiBold.ttfassets/BarlowSemiCondensed-SemiBoldItalic.ttfassets/BarlowSemiCondensed-Thin.ttfassets/BarlowSemiCondensed-ThinItalic.ttfassets/Logo SEA.AI White RGB.svgassets/Logo SEA.AI black RGB.jpgSource of truth: Brand Book 2025 (stored at Brand info alt/Brand Book 2025.pdf)
What are you building? Find your row, open the reference file, then read the full guide:
| Output type | Reference file | Technology |
|---|---|---|
| 📊 Diagram / chart / infographic | references/diagrams.md | Python / Pillow |
| 📄 PDF document | references/documents.md | WeasyPrint / ReportLab |
| 📄 Word document (.docx) | references/documents.md | python-docx |
| 📄 Excel spreadsheet (.xlsx) | references/documents.md | openpyxl |
| 🎤 Presentation (.pptx) | references/presentations-pptx.md | pptxgenjs |
| 💻 Web / frontend component | references/frontend.md | HTML / CSS / JS / TS |
⚠️ Before you start: Read the relevant reference file + the "Core Brand" section below (colors, fonts, rules).
FOCUS RED #CB0D00 RGB 203/13/0 Pantone 186 ← primary accent
NIGHT BLUE #0B1731 RGB 11/23/45 Pantone 289 ← dark backgrounds
OCEAN TEAL #06404C RGB 6/64/76 Pantone 548 ← product/secondary (Brand Book name: "Ocean Green" — visually a dark teal, NOT a green)
SKY GREY #7B9194 RGB 123/145/148 Pantone 443 ← muted text, captions
FOG WHITE #DFDED9 RGB 223/222/217 Pantone Cool Gray 1C ← warm backgrounds
BLACK #000000 ← body text on light backgrounds
WHITE #FFFFFF ← standard content background
Any other color is off-brand. No exceptions.
Banned colors from old templates: #0099CC, #FDBE00, #A8C652, #F26B43.
FOCUS RED (#CB0D00)
✅ Section labels (ALL CAPS), thin accent lines, CTA buttons, alert states, page numbers on dark
❌ Never as large background fill, never behind the logo
NIGHT BLUE (#0B1731)
✅ Title slide backgrounds, section dividers, dark panel halves, table header rows
❌ Not for body text backgrounds on content slides
OCEAN TEAL (#06404C) — Brand Book name: "Ocean Green", visually a dark teal
✅ Table header rows, secondary label backgrounds, brand card tables
❌ Not for primary headings or body text
❌ Never describe or use as "green" — it is a dark teal/navy tone
SKY GREY (#7B9194)
✅ Captions, footer text, muted secondary labels
❌ Not for main body text (too low contrast)
WHITE (#FFFFFF) — default content background
BLACK (#000000) — default body text
Font: Barlow Semi Condensed (Google Fonts)
assets/BarlowSemiCondensed-Bold.ttf, assets/BarlowSemiCondensed-Regular.ttfhttps://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@400;700&display=swapArial NarrowDejaVu Sans CondensedBold (700) → Section labels, headings, table headers, emphasis
Regular (400) → Body text, captions, descriptions
Case rules:
assets/Logo SEA.AI black RGB.jpg (light bg), assets/Logo SEA.AI White RGB.svg (dark bg)S E A . A I + cursor icon [--]✅ White background for content (not dark unless section divider)
✅ Left-align body text and titles
✅ Generous white space — breathing room is brand
✅ Red line element to structure content (thin, purposeful)
✅ Section labels: ALL CAPS, Focus Red, Barlow Semi Condensed Bold
✅ Footer on every page: document label + "SEA.AI CONFIDENTIAL" in Sky Grey
❌ No gradients
❌ No drop shadows
❌ No decorative elements
❌ No centering body text
❌ No bold body text (bold only for labels/headers)
assets/BarlowSemiCondensed-Bold.ttf ← always use for Python/Pillow rendering
assets/BarlowSemiCondensed-Regular.ttf ← always use for Python/Pillow rendering
assets/Logo SEA.AI black RGB.jpg ← on white/light backgrounds
assets/Logo SEA.AI White RGB.svg ← on dark backgrounds
Paths are relative to the skill folder. Resolve to absolute when using in scripts.
Guides creation, editing, and verification of skills for AI coding agents using test-driven development with subagent scenarios. Use when authoring or debugging skills.
npx claudepluginhub sea-ai/seapowers --plugin seapowers