careercafe-curiotech git:20260914.320e0e3A

Immutable. This exact content is served forever at /api/v1/blob/00b92c303cd99b18.

---
name: careercafe-curiotech
scope: codebase-curiotech-careercafe
description: >-
  Official visual design system, typography, theme models, multi-surface UI protocols, and frozen landing page specifications for CareerCafe and CurioTech products (v3.2).
---

# CareerCafe & CurioTech AI Agent Skills Suite (v3.2)

> [!IMPORTANT]
> **CODEBASE-SPECIFIC SCOPE**: These skills are strictly specific to **CareerCafe** and **CurioTech** projects (`CurioTech-CareerCafe`). They enforce the frozen v3.2 visual design system across marketing pages, Question Banks, code playgrounds, and interview experiences.

---

## Skills Catalog

This directory contains the following dedicated skills:

| Skill File | Scope | Domain | Description |
| :--- | :--- | :--- | :--- |
| [`careercafe-visual-design-system.md`](careercafe-visual-design-system.md) | `codebase-curiotech-careercafe` | Visual Design | Brand colors (Orange `#BC4A1E`, Sage `#7F9B6D`, teal-cast Charcoal `#17252B`), surfaces, borders, and visual anti-patterns. |
| [`careercafe-typography-and-themes.md`](careercafe-typography-and-themes.md) | `codebase-curiotech-careercafe` | Typography & Themes | IBM Plex Sans/Mono font scales, 3-state theme selector (System/Light/Dark), zero-flash hydration, and accessibility QA. |
| [`careercafe-surface-modes.md`](careercafe-surface-modes.md) | `codebase-curiotech-careercafe` | UI Surface Protocols | Marketing Landing, Question Bank (17/30 problem types), SQL/Python IDE, and distraction-free Interview Mode. |
| [`careercafe-landing-page-spec.md`](careercafe-landing-page-spec.md) | `codebase-curiotech-careercafe` | Landing Page Layout | Frozen 12-section architecture, Hero formula, 16:10 real screenshot rules, spacing rhythm, and card rules. |

---

## Source Specification

The full raw specification is preserved in [`CAREERCAFE_DESIGN_SYSTEM_v3.2.md`](CAREERCAFE_DESIGN_SYSTEM_v3.2.md).