Story UI CLI
story-ui
Генерация историй Storybook с ИИ для любого фреймворка и дизайн-системы, есть сервер MCP. Нужен ключ Anthropic, OpenAI или Gemini, код уходит поставщику
- 234 ★ репозитория
- Последний коммит
- MIT
Широкий доступ
Почему такой уровень
- Код компонентов уходит поставщику ИИ
- Пишет файлы историй в проект
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add cli/story-uiОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемШирокий доступИнструмент может менять данные, выполнять команды или работать с секретами.
- Код компонентов уходит поставщику ИИ
- Пишет файлы историй в проект
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Story UI генерирует истории Storybook с помощью ИИ для любого фреймворка и дизайн-системы, а также предоставляет сервер MCP. Установка и настройка: `npx @tpitre/story-ui@latest init` задаст несколько вопросов, затем `npx story-ui check` подтвердит, что все работает. Нужен ключ API Anthropic, OpenAI или Gemini. Для проверки собственных результатов желателен Playwright: `npx playwright install chromium`. Версия 5.21.2 от 25.09.2026, лицензия MIT.
Для кого. Для фронтенд-команд, которые ведут дизайн-систему в Storybook и хотят быстрее получать истории компонентов.
Подходит, если
- Нужно быстро создавать истории Storybook для компонентов
- Нужна генерация историй под вашу дизайн-систему
- Нужен сервер MCP для Storybook
Не подходит, если
- Нельзя отправлять код компонентов внешнему поставщику ИИ
- Нет ключа Anthropic, OpenAI или Gemini
Пример запроса к агенту
Сгенерируй истории Storybook для компонентов Button и Card нашей дизайн-системы и запусти проверкуОграничения
Нужен ключ Anthropic, OpenAI или Gemini, и код компонентов уходит выбранному поставщику, проверьте политику компании. Инструмент пишет файлы историй в проект, поэтому доступ широкий. Ключ храните в переменных окружения.
Как отключить. Удалите скилл из каталога агента или плагин через менеджер плагинов.
Частые вопросы
Что делает Story UI?
Генерирует истории Storybook с помощью ИИ под вашу дизайн-систему и дает сервер MCP.
Нужен ли ключ?
Да, Anthropic, OpenAI или Gemini, код уходит поставщику.
Как проверить установку?
Командой npx story-ui check.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
CLI-инструментыStorybook MCP
storybook-mcp
Сервер MCP документации и компонентов Storybook для агента. Запуск через npx, Chromium ставится при первом запуске в фоне
Design System Extractor MCP
mcp-design-system-extractor
Сервер MCP достает из Storybook сведения о компонентах и дизайн-токены, анализирует CSS. Подключение одной командой claude mcp add
MCP-сервер и плагин для сборки интерфейса с агентом: курируемые дизайн-системы, промпты для UI и варианты верстки
StyleKit
stylekit
Библиотека визуальных стилей для ИИ-интерфейсов: 148 наборов с токенами, рецептами компонентов, ограничениями Tailwind и готовыми промптами. Сервер MCP
Маркетплейс плагинов Bitovi: спецификации и реализация задач, Figma и React, Playwright QA, tRPC и Prisma
designlang
designlang (design-extract)
CLI и MCP-сервер, который читает готовый сайт и достает из него дизайн-систему: токены DTCG, конфиг Tailwind, переменные Figma и брендбук
Сравнение с похожими
Записи с тем же главным запросом: чем они отличаются.
| Запись | Официальный | Авторизация | Звезды репозитория | Главное отличие |
|---|---|---|---|---|
| Story UI (эта запись) | нет | 234 | ||
| Storybook MCP | нет | не нужна | 46 | документация и компоненты Storybook для агента |
| Design System Extractor MCP | нет | не нужна | 70 | компоненты и токены из Storybook, только чтение |
| Starwind UI | нет | 746 | компоненты Astro, React и Vue исходниками |
Коротко о README
README описывает генерацию историй Storybook с ИИ, команды init и check и сервер MCP. Лицензия MIT.