# Pesty Frontend > DEPRECATED — superseded by the pesty-design skill, which is now the default for all new Pesty frontend work. Use this skill ONLY when maintaining an EXISTING dark-navy internal dashboard or tool that already uses these tokens (Epilogue + Montserrat, #001c28 background). For anything new, use pesty-design instead. - Skill: `pesty-marketing/pesty-frontend` (Agent Skill, multi-file: 3 files) - Install (CLI): `npx skillmds@latest add pesty-marketing/pesty-frontend` - Raw SKILL.md: https://api.skillmd.com/api/skills/pesty-marketing/pesty-frontend/raw - Safety review: pending - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Web & Frontend - Author: Pesty-Marketing (https://skillmd.com/u/pesty-marketing) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/pesty-marketing/pesty-frontend --- > **⚠️ Deprecated (2026-07-17).** `pesty-design` is now the default Pesty design system for all new frontend work. Use this skill only when **maintaining an existing dark-navy internal tool or dashboard** that already uses these tokens. For anything new, use `pesty-design`. # Pesty Frontend Skill ## Mode Detection Determine mode before writing any code: - **Dashboard / internal tool** — dark navy default, full token set, Epilogue headings, accessible at `pestymarketing.com/internal/` - **Client report** — light theme override, Arial for print-compat, max-width 860px, accessible at `pestymarketing.com/clients/` - **Single-page tool / one-pager** — dark navy default; confirm if ambiguous --- ## Mandatory Rules (ALL modes) Read `references/design-tokens.md` first. Then: 1. **Start every new file** by copying the `:root` block from `references/design-tokens.md` into `