casper-design-system

A clean, elevated SaaS design system built on shadcn/ui, Tailwind CSS v4, and React (Vite). Every interface generated for Casper Studios — whether a client demo, internal tool, or quick prototype — must follow these rules to maintain a consistent, professional visual identity across the team.

Before generating any UI code, read this file completely and the reference files listed below. You MUST read the reference files — they contain rules and code examples that are required for correct output. Skipping them will produce incorrect, off-brand UI.

Non-negotiable: Do not generate UI without reading the platform reference file first. If you are unsure whether the project is web or mobile, ask the user before proceeding.

Внутренняя система проектирования Casper Studios для создания единообразного пользовательского интерфейса SaaS производственного уровня. Используйте этот навык при создании кода пользовательского интерфейса для внутренних инструментов, клиентских приложений, информационных панелей, POC, прототипов или любого визуального интерфейса — даже быстрых макетов или артефактов. Применяйте его в любое время, когда выходные данные представляют собой компонент, страницу или макет React. Если пользователь упоминает «нашу систему дизайна», «стиль Casper», «соответствует нашему внешнему виду» или просит вас создать какое-либо приложение или интерфейс, используйте этот навык. Также срабатывает при изменении стиля или оформлении существующего пользовательского интерфейса в соответствии с визуальным языком Casper. Этот навык имеет приоритет над общим руководством по дизайну внешнего интерфейса. Источник: casper-studios/casper-marketplace.