cookiebite

Build a polished, graphic-rich, interactive single-file HTML report — charts, stat cards, clean layout — from a configurable design system (Tailwind + ECharts + light JS). Use whenever the user wants data, numbers, metrics, results, findings, notes, or a recap turned into a visual page to read or share: a report, dashboard, summary, one-pager, or "make an HTML". Trigger even when they never say "report" — e.g. "정리해줘", "한 장으로/한 페이지로", "차트로 보기 좋게", "html로 보여줘", "임원 보고용으로 예쁘게", "lay this out", "visualize these numbers", "for an exec review". Covers business/billing/payment metrics (revenue, refunds, success rates, chargebacks), sprint retrospectives, research write-ups, and status updates. The look is a swappable theme (Persimmon/Korean default built-in; a neutral preset and a theme-studio editor included). Do NOT use for building product/console/app UI or components, editing markdown/prose, fixing code that emits HTML, or transactional email/notification HTML.

Open the cookiebite theme studio — a live, browser-based editor for designing the theme (accent, neutrals, semantic colors, font, locale) used by cookiebite HTML reports. Use when the user wants to edit / change / customize / pick / design a theme, change a report's colors or font, or says "open the theme studio" / "edit my theme" / "customize the theme" / "테마 스튜디오 열어줘" / "테마 바꾸고 싶어" / "테마 편집" / "내 테마 만들래". This skill only opens the editor in the browser; applying a designed theme to a report (paste-apply, or setting a global default) is handled by the cookiebite skill's Theming section. Do NOT use to build a report itself, edit prose/markdown, or theme non-cookiebite UI.