Superdesign

Установка

npx skillfoxx add skills/superdesign

npx skills add superdesigndev/superdesign-skill --skill superdesign -a claude-code -y

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/superdesigndev/superdesign-skill.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/superdesign/
git -C "$tmp" checkout f9f05cd988c247dce6c072eaf9ac6b162f2ffc4b
mkdir -p .claude/skills
cp -R "$tmp/skills/superdesign" .claude/skills/superdesign

npx skills add superdesigndev/superdesign-skill --skill superdesign -a cursor -y

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/superdesigndev/superdesign-skill.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/superdesign/
git -C "$tmp" checkout f9f05cd988c247dce6c072eaf9ac6b162f2ffc4b
mkdir -p .agents/skills
cp -R "$tmp/skills/superdesign" .agents/skills/superdesign

npx skills add superdesigndev/superdesign-skill --skill superdesign -a github-copilot -y

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/superdesigndev/superdesign-skill.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/superdesign/
git -C "$tmp" checkout f9f05cd988c247dce6c072eaf9ac6b162f2ffc4b
mkdir -p .github/skills
cp -R "$tmp/skills/superdesign" .github/skills/superdesign

npx skills add superdesigndev/superdesign-skill --skill superdesign -a codex -y

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/superdesigndev/superdesign-skill.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/superdesign/
git -C "$tmp" checkout f9f05cd988c247dce6c072eaf9ac6b162f2ffc4b
mkdir -p .agents/skills
cp -R "$tmp/skills/superdesign" .agents/skills/superdesign

npx skills add superdesigndev/superdesign-skill --skill superdesign -a gemini-cli -y

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/superdesigndev/superdesign-skill.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/superdesign/
git -C "$tmp" checkout f9f05cd988c247dce6c072eaf9ac6b162f2ffc4b
mkdir -p .agents/skills
cp -R "$tmp/skills/superdesign" .agents/skills/superdesign

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/superdesigndev/superdesign-skill.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/superdesign/
git -C "$tmp" checkout f9f05cd988c247dce6c072eaf9ac6b162f2ffc4b
mkdir -p .devin/skills
cp -R "$tmp/skills/superdesign" .devin/skills/superdesign

npx skills add superdesigndev/superdesign-skill --skill superdesign -a cline -y

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/superdesigndev/superdesign-skill.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/superdesign/
git -C "$tmp" checkout f9f05cd988c247dce6c072eaf9ac6b162f2ffc4b
mkdir -p .cline/skills
cp -R "$tmp/skills/superdesign" .cline/skills/superdesign

npx skills add superdesigndev/superdesign-skill --skill superdesign -a roo -y

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/superdesigndev/superdesign-skill.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/superdesign/
git -C "$tmp" checkout f9f05cd988c247dce6c072eaf9ac6b162f2ffc4b
mkdir -p .roo/skills
cp -R "$tmp/skills/superdesign" .roo/skills/superdesign

npx skills add superdesigndev/superdesign-skill --skill superdesign -a opencode -y

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/superdesigndev/superdesign-skill.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/superdesign/
git -C "$tmp" checkout f9f05cd988c247dce6c072eaf9ac6b162f2ffc4b
mkdir -p .agents/skills
cp -R "$tmp/skills/superdesign" .agents/skills/superdesign

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/superdesigndev/superdesign-skill.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/superdesign/
git -C "$tmp" checkout f9f05cd988c247dce6c072eaf9ac6b162f2ffc4b
mkdir -p .agents/skills
cp -R "$tmp/skills/superdesign" .agents/skills/superdesign

tmp=$(mktemp -d)
git clone --filter=blob:none --no-checkout https://github.com/superdesigndev/superdesign-skill.git "$tmp"
git -C "$tmp" sparse-checkout set --no-cone /skills/superdesign/
git -C "$tmp" checkout f9f05cd988c247dce6c072eaf9ac6b162f2ffc4b
mkdir -p .agents/skills
cp -R "$tmp/skills/superdesign" .agents/skills/superdesign

npx skills add superdesigndev/superdesign-skill

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

Что делает

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

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

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

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

Ограничения

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

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

Проверка безопасности

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

Коротко о README

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

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

Похожие