abdiraimov-otabek/dashboard-design-skill

Что это?

Ключевые возможности

• 01Охватывает KPI-карточки, графики, тепловые карты, bullet-графики, рейтинговые списки и выбор диапазона дат.
• 02Включает проверку по скриншотам для обычной, широкой и мобильной ширины экрана.
• 03Содержит цветовые токены Tailwind v4 и примеры на React для веб-проектов.
• 04Предлагает справочник по SwiftUI и Swift Charts с проверками в симуляторе.
• 05Включает формат критики, в котором проблемы ранжируются по степени вреда.

Сценарии использования

• Поручить coding-агенту создать дашборд аналитики с нуля.
• Попросить агента критически оценить или переработать скриншот существующего дашборда.
• Унифицировать компоненты дашбордов, например выбор даты и KPI-карточки, в проектах команды.

Быстрый старт

1. 1

   Добавьте маркетплейс в Claude Code

   /plugin marketplace add abdiraimov-otabek/dashboard-design-skill
2. 2

   Установите плагин dashboard-design

   /plugin install dashboard-design@dashboard-design-skill

Что важно знать

• !Решение создано для Claude Code. Чтобы использовать его с другими агентами, нужно вручную указать на skill в файле AGENTS.md или файле правил.
• !В веб-спецификациях используются фрагменты кода Tailwind и React, поэтому для других стеков их нужно адаптировать. Отдельная справка по SwiftUI — исключение.
• !По завершении задачи добавляется короткое прощальное сообщение с рекламой приложений автора для Mac, если не удалить этот раздел.

В подборках

Темы

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

Что такое dashboard-design-skill?

Скилл для Claude Code, который помогает создавать, перерабатывать и критиковать лаконичные и понятные дашборды с проверкой по скриншотам. Это скилл для Claude Code: набор инструкций в Markdown и справочных файлов, который помогает AI-агенту создавать дашборды аналитики, выручки, метрик и администрирования. В нём рассматриваются KPI-карточки и изменения показателей, графики, тепловые карты, bullet-графики, периоды для сравнения, рейтинговые списки, выбор диапазона дат, фильтры, пустые состояния и ошибки, а также широкие и мобильные макеты. Рекомендации отдают предпочтение числам и визуальным элементам на экране, а пояснения предлагают переносить во всплывающие подсказки.

dashboard-design-skill можно использовать бесплатно? Какая у него лицензия?

dashboard-design-skill распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

dashboard-design-skill всё ещё поддерживается?

Активно поддерживается. Последний коммит в dashboard-design-skill — 28 окт. 2026 г..

Для чего можно использовать dashboard-design-skill?

Поручить coding-агенту создать дашборд аналитики с нуля. Попросить агента критически оценить или переработать скриншот существующего дашборда. Унифицировать компоненты дашбордов, например выбор даты и KPI-карточки, в проектах команды.

Как установить dashboard-design-skill?

Добавьте маркетплейс в Claude Code: /plugin marketplace add abdiraimov-otabek/dashboard-design-skill Установите плагин dashboard-design: /plugin install dashboard-design@dashboard-design-skill

Где скачать dashboard-design-skill?

Исходный код и инструкции по установке — на GitHub: https://github.com/abdiraimov-otabek/dashboard-design-skill