theme-factory-1-ocean-depths

Sub-skill of theme-factory: 1. Ocean Depths (+9).

5 stars

Best use case

theme-factory-1-ocean-depths is best used when you need a repeatable AI agent workflow instead of a one-off prompt.

Sub-skill of theme-factory: 1. Ocean Depths (+9).

Teams using theme-factory-1-ocean-depths should expect a more consistent output, faster repeated execution, less prompt rewriting.

When to use this skill

  • You want a reusable workflow that can be run more than once with consistent structure.

When not to use this skill

  • You only need a quick one-off answer and do not need a reusable workflow.
  • You cannot install or maintain the underlying files, dependencies, or repository context.

Installation

Claude Code / Cursor / Codex

$curl -o ~/.claude/skills/1-ocean-depths/SKILL.md --create-dirs "https://raw.githubusercontent.com/vamseeachanta/workspace-hub/main/.agents/skills/_archive/business/content-design/theme-factory/1-ocean-depths/SKILL.md"

Manual Installation

  1. Download SKILL.md from GitHub
  2. Place it in .claude/skills/1-ocean-depths/SKILL.md inside your project
  3. Restart your AI agent — it will auto-discover the skill

How theme-factory-1-ocean-depths Compares

Feature / Agenttheme-factory-1-ocean-depthsStandard Approach
Platform SupportNot specifiedLimited / Varies
Context Awareness High Baseline
Installation ComplexityUnknownN/A

Frequently Asked Questions

What does this skill do?

Sub-skill of theme-factory: 1. Ocean Depths (+9).

Where can I find the source code?

You can find the source code on GitHub using the link provided at the top of the page.

SKILL.md Source

# 1. Ocean Depths (+9)

## 1. Ocean Depths


Deep blues and teals with aquatic undertones.
```css
:root {
  --primary: #0a1628;
  --secondary: #1a365d;
  --accent: #38b2ac;
  --highlight: #4fd1c5;
  --text: #e6fffa;
}
/* Fonts: Outfit (headings), Lora (body) */
```

## 2. Sunset Boulevard


Warm oranges, corals, and golden hues.
```css
:root {
  --primary: #2d1b0e;
  --secondary: #744210;
  --accent: #ed8936;
  --highlight: #fbd38d;
  --text: #fffaf0;
}
/* Fonts: Josefin Sans (headings), Source Serif Pro (body) */
```

## 3. Forest Canopy


Natural greens and earth tones.
```css
:root {
  --primary: #1a2f1a;
  --secondary: #2f4f2f;
  --accent: #48bb78;
  --highlight: #9ae6b4;
  --text: #f0fff4;
}
/* Fonts: Montserrat (headings), Merriweather (body) */
```

## 4. Modern Minimalist


Clean blacks, whites, and grays.
```css
:root {
  --primary: #1a1a1a;
  --secondary: #333333;
  --accent: #666666;
  --highlight: #f5f5f5;
  --text: #ffffff;
}
/* Fonts: Inter (headings), System UI (body) */
```

## 5. Golden Hour


Luxurious golds, bronzes, and creams.
```css
:root {
  --primary: #2c1810;
  --secondary: #5c3d2e;
  --accent: #d69e2e;
  --highlight: #f6e05e;
  --text: #fffff0;
}
/* Fonts: Playfair Display (headings), Crimson Text (body) */
```

## 6. Arctic Frost


Cool whites, silvers, and ice blues.
```css
:root {
  --primary: #0f172a;
  --secondary: #1e293b;
  --accent: #60a5fa;
  --highlight: #e0f2fe;
  --text: #f8fafc;
}
/* Fonts: Poppins (headings), Open Sans (body) */
```

## 7. Desert Rose


Soft pinks, terracotta, and sand.
```css
:root {
  --primary: #3d2c29;
  --secondary: #8b5a4a;
  --accent: #ed8796;
  --highlight: #fce7f3;
  --text: #fdf2f8;
}
/* Fonts: Cormorant Garamond (headings), Nunito (body) */
```

## 8. Tech Innovation


Electric blues, purples, and neons.
```css
:root {
  --primary: #0d0221;
  --secondary: #1a0533;
  --accent: #7c3aed;
  --highlight: #a78bfa;
  --text: #f5f3ff;
}
/* Fonts: Space Grotesk (headings), JetBrains Mono (body) */
```

## 9. Botanical Garden


Rich greens with floral accents.
```css
:root {
  --primary: #14401d;
  --secondary: #1e5631;
  --accent: #76b947;
  --highlight: #a4de8c;
  --text: #ecfccb;
}
/* Fonts: DM Serif Display (headings), Libre Baskerville (body) */
```

## 10. Midnight Galaxy


Deep purples, cosmic blues, and starlight.
```css
:root {
  --primary: #0f0f23;
  --secondary: #1a1a3e;
  --accent: #9333ea;
  --highlight: #c084fc;
  --text: #faf5ff;
}
/* Fonts: Syncopate (headings), Raleway (body) */
```

Related Skills

metocean-visualizer

5
from vamseeachanta/workspace-hub

Create interactive metocean visualizations including time series plots, wave roses, scatter plots, geographic maps, and dashboards. Use for data exploration, reporting, and operational monitoring.

metocean-data-fetcher

5
from vamseeachanta/workspace-hub

Fetch real-time and historical metocean data from NDBC, CO-OPS, Open-Meteo, ERDDAP, and MET Norway. Use for buoy data retrieval, tidal observations, marine forecasts, and multi-source data fusion.

metocean

5
from vamseeachanta/workspace-hub

Metocean data workflows — fetching, statistics, and visualization

client-llm-wiki-factory

5
from vamseeachanta/workspace-hub

Operator checklist for instantiating a new per-client private llm-wiki repo under workspace-hub [#2746](https://github.com/vamseeachanta/workspace-hub/issues/2746) + [#2731](https://github.com/vamseeachanta/workspace-hub/issues/2731) D4 (amended) naming convention `llm-wiki-<client>`.

theme-factory

5
from vamseeachanta/workspace-hub

Professional styling toolkit with 10 pre-set themes for slides, documents, reports, and HTML pages. Use when applying consistent colors and fonts to any artifact, or when generating custom themes on-the-fly.

content-strategy-theme-monthly-focus

5
from vamseeachanta/workspace-hub

Sub-skill of content-strategy: Theme: [Monthly Focus] (+6).

theme-factory-step-1-display-theme-showcase

5
from vamseeachanta/workspace-hub

Sub-skill of theme-factory: Step 1: Display Theme Showcase (+3).

theme-factory-request-details

5
from vamseeachanta/workspace-hub

Sub-skill of theme-factory: Request Details (+2).

theme-factory-quick-reference

5
from vamseeachanta/workspace-hub

Sub-skill of theme-factory: Quick Reference.

theme-factory-htmlcss

5
from vamseeachanta/workspace-hub

Sub-skill of theme-factory: HTML/CSS (+2).

test-oversized-skill

5
from vamseeachanta/workspace-hub

A test fixture skill that exceeds 200 lines with multiple H2/H3 sections for split testing.

interactive-report-generator

5
from vamseeachanta/workspace-hub

Generate interactive HTML reports with Plotly visualizations from data analysis results. Supports dashboards, charts, and professional styling.