Paperclip — гайд по дизайн-системе React-компонентов

design

design-guide — это скилл для Claude Code, который помогает создавать консистентные, переиспользуемые компоненты интерфейса в рамках дизайн-системы Paperclip. Скилл охватывает стек React 19 + TypeScript + Tailwind CSS v4 с OKLCH-переменными, shadcn/ui (стиль new-york), Radix UI и Lucide React, а также полную систему дизайн-токенов: семантические цветовые переменные, радиусы, типографическую шкалу из десяти паттернов и статусно-приоритетные системы с фиксированными цветами. Предназначен для разработчиков, которые добавляют новые страницы, создают или изменяют UI-компоненты, задают стилистику элементов или разбираются в конвенциях Paperclip — плотного, тёмного, keyboard-first control plane. Скилл описывает трёхуровневую иерархию компонентов и критерии выделения переиспользуемых блоков; рекомендуется применять совместно со скиллами frontend-design и web-design-guidelines.