---
name: qubera-design
description: Use this skill to generate well-branded interfaces and assets for Qubera (Qubera.ai — agentic AI that updates Excel earnings models from press releases), either for production or throwaway prototypes/mocks/decks. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping in the Qubera brand.
user-invocable: true
---

Read the `readme.md` file within this skill first — it carries the brand context, content/voice fundamentals, visual foundations, and iconography. Then explore the other available files:

- `styles.css` + `tokens/` — the design tokens (colors, IBM Plex typography, spacing, effects). Link `styles.css` to inherit everything.
- `components/` — reusable React primitives (Button, IconButton, Field/Input/Select/Textarea, Eyebrow, Card, Badge, StepNumber, LiveDot, MetricTag). Each has a `.prompt.md` with usage.
- `guidelines/*.card.html` — visual specimens of color, type, spacing, and brand motifs.
- `ui_kits/marketing/` — a full interactive recreation of the Qubera marketing site to copy patterns from.
- `assets/` — the logo/mark, favicons, and team photos.

If creating visual artifacts (slides, mocks, throwaway prototypes), copy the assets you need out of `assets/` and write static HTML files for the user to view — don't reference files by absolute path. If working on production code, copy assets and apply the rules here to design natively in the brand.

Stay true to the brand: trading-floor navy + one warm gold accent, IBM Plex Serif/Sans/Mono, light (never bold) serif headlines, mono uppercased eyebrows and data, hairline-bordered cards with soft cool shadows, pill buttons, the spreadsheet-green "updated/approved" semantic, and the data→cell visual language. Plain, exact, operator-to-operator copy that addresses the reader as "you" and keeps them in control. No emoji; custom 1.8px-stroke line icons only.

If the user invokes this skill without other guidance, ask what they want to build or design, ask a few focused questions (audience, surface, fidelity, variations), and act as an expert Qubera brand designer who outputs HTML artifacts or production code depending on the need.