databricks-app-design — скилл для Claude Code: установка
Помогает проектировать data-экраны Databricks Apps на AppKit/React. Нужен для KPI, отчётов, графиков, таблиц и Genie-интерфейсов.
npx skills add databricks/databricks-agent-skills --skill databricks-app-design -a claude-codeЧто делает databricks-app-design
Скилл разбирает задачу, выбирает жанр экрана и раскладку, затем связывает элементы с компонентами AppKit. Он помогает продумать KPI, отчёты, графики, таблицы и интерфейсы для вопросов к данным, включая семантические цвета, масштабы и обозначения IBCS.
В плане реализации используются примитивы из @databricks/appkit и @databricks/appkit-ui, хуки useAnalyticsQuery, queryKey и параметры sql.*. Для каждого data-представления учитываются состояния Skeleton, Empty, ошибки и частичные или устаревшие данные. Большие таблицы переводятся на серверную пагинацию, сортировку и фильтры.
Для Genie или чата с данными скилл требует показывать сгенерированный SQL, статус ответа, пользователя и источник выполнения. Простой запрос «создай дашборд» относится к управляемому AI/BI Lakeview, а не к этому скиллу; формы, авторизация и деплой тоже находятся за его пределами.
Какие задачи решает
- спроектировать KPI-экран для Databricks App
- связать графики и таблицы с компонентами AppKit
- описать состояния загрузки, пустого результата и ошибки
- показать SQL и источник ответа Genie
- отличить custom-code app от Lakeview dashboard
Примеры запросов агенту
- Спроектируй экран KPI для AppKit/React-приложения с графиком и таблицей, укажи компоненты и состояния.
- Проверь интерфейс Genie-чата: добавь отображение SQL, статуса ответа, пользователя и ошибки.
- Разбери запрос «создай дашборд» и выбери между этим скиллом и
databricks-aibi-dashboards.
Как установить databricks-app-design
1Через Skills CLI (Vercel)
npx skills add databricks/databricks-agent-skills --skill databricks-app-design -a claude-code2Вручную: положить файлы
~/.claude/skills/databricks-app-design/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/databricks-app-design/
1Через Skills CLI (Vercel)
npx skills add databricks/databricks-agent-skills --skill databricks-app-design -a codex2Вручную: положить файлы
.agents/skills/databricks-app-design/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add databricks/databricks-agent-skills --skill databricks-app-design -a cursor2Вручную: положить файлы
.cursor/skills/databricks-app-design/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install databricks/databricks-agent-skills databricks-app-design2Вручную: положить файлы
.github/skills/databricks-app-design/SKILL.md1Через Skills CLI (Vercel)
npx skills add databricks/databricks-agent-skills --skill databricks-app-design -a gemini-cli2Командой платформы
gemini skills install https://github.com/databricks/databricks-agent-skills --path skills/databricks-app-designВручную: положить файлы
.devin/skills/databricks-app-design/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add databricks/databricks-agent-skills --skill databricks-app-design -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о databricks-app-design
Как установить databricks-app-design в Claude Code?
Выполните npx skills add databricks/databricks-agent-skills --skill databricks-app-design -a claude-code, затем откройте ~/.claude/skills/databricks-app-design/SKILL.md.
Что делает databricks-app-design?
Скилл проектирует data-экраны Databricks Apps на AppKit/React и переводит решения по компоновке, нотации и состояниям в план компонентов.
Чем он отличается от скилла для Lakeview dashboard?
Он предназначен для custom-code приложений с AppKit/React. Запрос на управляемый AI/BI Lakeview dashboard нужно направлять в databricks-aibi-dashboards.
