NeVibeCode · 8 карточек
Скиллы и MCP с тегом «design-tokens»
figma скилл Импортирует ассеты, токены бренда и компоненты из Figma в проект HyperFrames и собирает из кадров анимацию. Пригодится, когда нужно оживить макет, а не вставлять статичные картинки.
Claude Code CX Codex Cursor +1
329 500установок
design-system скилл Скилл собирает дизайн-токены, спецификации компонентов и презентационные слайды. Подойдёт, когда интерфейс и слайды должны следовать одной системе.
Claude Code CX Codex Cursor +1
42 200установок
slides скилл Создаёт адаптивные HTML-презентации с графиками Chart.js и дизайн-токенами. Помогает собирать питч-деки и маркетинговые слайды прямо из терминала.
Claude Code CX Codex Cursor +1
38 400установок
tailwind-design-system скилл Помогает строить дизайн-системы на Tailwind CSS v4. Пригодится для библиотеки компонентов или унификации интерфейса в проекте.
Claude Code CX Codex Cursor
70 180установок
design-system-patterns скилл Скилл помогает проектировать дизайн-системы: токены, темы и архитектуру компонентов. Подойдёт для UI-библиотек и систем с несколькими брендами.
Claude Code CX Codex Cursor
15 953установок
visual-design-foundations скилл Скилл помогает задать типографику, цвета и интервалы для проекта. Подойдёт, когда вы создаёте дизайн-токены или приводите интерфейс к единому стилю.
Claude Code CX Codex Cursor
13 566установок
ui-design-system скилл Скилл собирает дизайн-токены, палитры, типографику и структуру компонентов. Пригодится для дизайн-системы и передачи макетов разработчикам.
Claude Code
1 076установок
figma-generate-library
официальный скилл Скилл помогает собрать или обновить дизайн-систему в Figma по кодовой базе. Подойдёт, когда нужно согласовать токены и компоненты в коде и макетах.
CX Codex GP ChatGPT
32установок