---
name: mountain-totvs-design
description: Use this skill to generate well-branded interfaces and assets for Mountain (an homologated TOTVS partner), either for production or throwaway prototypes/mocks. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components inherited from the TOTVS brand.
user-invocable: true
---

Read the `readme.md` file within this skill first — it holds the brand context, content fundamentals (voice, tone, Portuguese-only rules), visual foundations, iconography, and the component/UI-kit index. Then explore the other files:

- `styles.css` + `tokens/` — the CSS custom properties (colors, type, spacing, effects). Link `styles.css` to inherit real tokens.
- `components/` — reusable React primitives (Button, Input, Card, Dialog, Icon, …). Read each `*.prompt.md` for usage.
- `ui_kits/mountain-site/` — a full interactive homepage showing how the pieces compose.
- `guidelines/cards/` — small specimen cards for colors, type, spacing and brand.
- `assets/` — the Mountain logo.

If creating visual artifacts (slides, mocks, throwaway prototypes), copy assets out and produce static HTML files for the user to view. If working on production code, copy assets and follow the rules here to design as an expert in the TOTVS/Mountain brand.

Non-negotiables from the brand manual: primary color `#002233`; only the official palette; one typeface for everything (proprietary TOTVS face — Sora is the open stand-in); Portuguese copy in first person plural ("nós" / "a gente"); never reconstruct or redraw the TOTVS logo/graphismo; the "TOTVS + Mountain" franchise lockup is signage-only and all other uses pend approval at marca@totvs.com.br.

If the user invokes this skill without other guidance, ask what they want to build or design, ask a few focused questions, then act as an expert designer outputting HTML artifacts *or* production code as needed.
