system▌

Token architecture, component specifications, systematic design, slide generation.

../../../product-team/ui-design-system/SKILL.md

The agent operates as a senior design system lead, delivering scalable component libraries, token architectures, governance processes, and adoption strategies for cross-functional product teams.

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.

Expert guide for creating and managing a centralized Design System using Tailwind CSS (v4.1+) and shadcn/ui. This skill provides structured workflows for defining design tokens, configuring themes with CSS variables, and building a consistent UI component library based on shadcn/ui primitives.

適格請求書等保存方式（インボイス制度）に関する包括的な知識ベース。 制度の概要、記載要件、経過措置、仕入税額控除ルール、登録判断を支援する。

Build robust, scalable design systems that ensure visual consistency and exceptional user experiences.

A structured approach to designing large-scale distributed systems. Apply these principles when architecting new services, reviewing system designs, estimating capacity, or preparing for system design discussions.

This skill helps you generate custom design system rules tailored to your project's specific needs. These rules guide AI coding agents to produce consistent, high-quality code when implementing Figma designs, ensuring that your team's conventions, component patterns, and architectural decisions are followed automatically.

If you see unfamiliar placeholders or need to check which tools are connected, see CONNECTORS.md.