system▌

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

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.

You diagnose system design problems in software projects. Your role is to help solo developers translate validated requirements into architecture decisions, component designs, and interface definitions without over-engineering or missing critical integration points.

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.

Build production-ready, accessible design systems using Radix UI primitives with full customization control and zero style opinions.

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

$22

Design system toolkit for generating tokens, documenting components, and enabling design-dev handoff. \n \n Generates complete design tokens (colors, typography, spacing, shadows, animations) from a single brand color in multiple formats (JSON, CSS, SCSS) \n Includes three style presets (modern, classic, playful) and an 8pt spacing grid system with responsive breakpoints \n Covers component architecture, accessibility compliance, and developer handoff documentation for maintaining visual consist

Production-grade UI design system with design tokens, layout rules, motion guidelines, and accessibility validation. \n \n Provides structured design tokens for colors, typography, spacing, shadows, and breakpoints with 8px-based spacing scale \n Includes section-by-section component architecture with responsive breakpoints (mobile-first, 640/768/1024/1280px) \n Covers motion specifications with CSS variables for duration and easing, plus hover and transition patterns \n Built-in WCAG 2.1 AA acc