SkillFoxx
Telegram

Superdesign — скилл

Скилл дизайна интерфейсов, презентаций и графики для кодинг-агентов: черновики на холсте через CLI superdesign

  • 982 ★ репозитория
  • Последний коммит
  • MIT
Скилл

Расширенный доступ

Почему такой уровень

  • Запускает CLI в оболочке и читает код проекта для контекста
  • Обращается к сервису superdesign.dev и требует входа в аккаунт
Все причины и проверки

superdesigndev/superdesign-skillАвтор:Superdesign

Установка

В терминале, через SkillFoxx CLI

npx skillfoxx add skills/superdesign

Определит агенты на машине, покажет уровень доступа и зафиксирует версию.

Другие способы установки

Доступ и проверки

Как мы проверяем

Расширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.

  • Запускает CLI в оболочке и читает код проекта для контекста
  • Обращается к сервису superdesign.dev и требует входа в аккаунт

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

Скилл дает агенту дизайнерский процесс: он читает код проекта для контекста, собирает референсы стиля и создает черновики интерфейса на бесконечном холсте. Работа идет через CLI superdesign, который агент вызывает командами поиска промптов, извлечения стиля сайта и генерации черновиков. Кроме страниц и флоу он делает презентации по согласованному плану слайдов и графику вроде постеров и обложек. Черновики можно ветвить и дорабатывать, а между сессиями скилл помнит проект и извлеченные компоненты.

Для кого. Для разработчиков и продуктовых дизайнеров, которые хотят довести интерфейс до аккуратного вида, не выходя из агента.

Подходит, если

  • Агент сделал типовой интерфейс и его нужно довести до аккуратного вида
  • Нужно собрать дизайн-систему из текущего кода проекта
  • Нужна презентация или графика с согласованным планом

Не подходит, если

  • В сессии нет доступа к оболочке, а CLI superdesign запускается только через shell
  • Нужен только код без этапа дизайна на холсте

Пример запроса к агенту

Помоги переделать страницу настроек, чтобы она не выглядела шаблонной

Ограничения

Скилл работает через CLI superdesign, для которого нужны запуск команд в оболочке, установка @superdesign/cli и вход в аккаунт superdesign login. Часть моделей и возможностей относится к сервису superdesign.dev. Без доступа к shell скилл не запускается.

Как отключить. Удалите плагин superdesign через /plugin или папку скилла, при желании снимите глобальный пакет @superdesign/cli.

Частые вопросы

Нужен ли аккаунт?

Да. Скилл управляет CLI superdesign, для которого нужны установка @superdesign/cli и вход через superdesign login.

Это то же самое, что старое расширение для VS Code?

Нет. Открытое расширение superdesign для VS Code это отдельный устаревший проект, а этот скилл и сервис superdesign.dev поддерживаются.

Обсуждение

Вопросов и отзывов пока нет.

Скиллы

Скилл дизайна интерфейсов: арт-дирекция под продукт, общий DESIGN.md, токены, проверка верстки и доступности в браузере.

СкиллРасширенный доступ51

Дизайн-скилл против шаблонных AI-интерфейсов: новые страницы, аудит, редизайн и разбор чужого дизайна по скриншоту или URL

СкиллМинимальный доступ54 тыс.48

Набор дизайн-скиллов для агентов: исследование, UX-стратегия, дизайн-системы, UI, взаимодействия, прототипы и визуальная критика

ПлагинМинимальный доступ3,3 тыс.

Скилл превращает референсы интерфейсов в структурированный профиль дизайна в JSON и генерирует по нему новый интерфейс под ваш контент

СкиллРасширенный доступ2,1 тыс.

Скилл дизайна интерфейсов для агента: диагностика, четыре направления на выбор, реализация и приемка без вида шаблона от ИИ

СкиллРасширенный доступ685

Скиллы против шаблонных интерфейсов: сетка, типографика, анимация и отступы, плюс генерация референсов для веба и мобильных

СкиллМинимальный доступ114,1 тыс.111

Коротко о README

README описывает скилл, который дает кодинг-агентам дизайнерское суждение: агент находит направление стиля, настраивает дизайн-систему, генерирует и дорабатывает интерфейс, слайды и графику на холсте. Он читает код проекта, собирает реальные референсы и делает ветвимые черновики. В отличие от скиллов со сменой темы, он проектирует внутри существующей дизайн-системы. Ставится одной командой npx skills add для многих агентов или как плагин в Claude Code, требует установки CLI и входа. Лицензия MIT.

Бейдж для README

Исходный SKILL.md

---
name: superdesign
description: "Design or redesign frontend UI, presentations, and graphics on the Superdesign canvas with a choice of leading AI models. Use whenever the user wants to design a page, feature, flow, slide deck, or brand-new product; improve or reproduce existing UI; compare design results across top models; explore visual variants; set or extract a design system; build reusable components or multi-page flows; create presentations; or create posters and marketing graphics, even if they never say the word 'design tool'. Also supports generating supporting image or video assets when a design needs them."
---

Superdesign helps you find design inspiration and generate or iterate design drafts on an infinite canvas, with multiple leading models available for different design tasks and side-by-side exploration. When a design needs a new visual asset, it can also provide image and video generation.

# Core scenarios (what this skill handles)

1. Analyze a codebase for design work
2. Design, reproduce, or improve UI
3. Choose and compare leading design models
4. Create design systems and reusable components
5. Design from a live website or reference URL
6. Create or export presentations
7. Create graphics
8. Generate supporting images or video
9. Continue or directly correct existing work

Сообщить о проблеме