AIKraft/Skills/shiny bslib

shiny bslib

Build modern Shiny dashboards and applications using bslib (Bootstrap 5). Use when creating new Shiny apps, modernizing legacy apps (fluidPage, fluidRow/column, tabsetPanel, wellPanel, shinythemes), or working with bslib page layouts, grid systems, cards, value boxes, navigation, sidebars, filling layouts, theming, accordions, tooltips, popovers, toasts, or bslib inputs. Assumes familiarity with b

posit-dev official Другое

Что делает навык

Навык позволяет создавать современные дашборды и приложения Shiny с использованием компонентов bslib (Bootstrap 5), заменяя устаревшие подходы. Он обеспечивает построение профессиональных UI/UX паттернов, включая макеты страниц, сеточные системы, карточки, value box, навигацию, боковые панели, темизацию и специализированные элементы ввода.

Когда применять

  • Создание новых одностраничных или многостраничных Shiny-приложений с использованием page_sidebar() или page_navbar().
  • Модернизация устаревших приложений путем замены fluidPage(), fluidRow()/column() и tabsetPanel() на современные аналоги bslib.
  • Работа с макетами страниц, сеточными системами (layout_column_wrap, layout_columns), карточками и value box для отображения метрик.
  • Настройка темизации, боковых панелей, аккордеонов, tooltips, popovers, toast-уведомлений и специализированных полей ввода (input_switch, input_dark_mode и др.).

Как работает

  1. Выбрать тип макета страницы: page_sidebar() для одностраничных или page_navbar() для многостраничных приложений.
  2. Применить тему с помощью bs_theme(version = 5) или предустановленных тем Bootswatch.
  3. Добавить боковую панель (sidebar) с элементами управления и фильтрами.
  4. Разместить ключевые метрики с помощью value_box() (установив fill = FALSE для контейнеров) и организовать контент в карточках (card).
  5. Использовать layout_column_wrap() или layout_columns() для сеточных макетов вместо legacy-функций.
  6. Включить thematic::thematic_shiny() в server для согласования стилей графиков с темой приложения.

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

Создай Shiny-дашборд с боковой панелью, используя page_sidebar и layout_column_wrap для карточек с метриками.
Модернизируй существующее приложение: замени fluidPage на page_sidebar, а tabsetPanel на navset_card_underline.
Настрой многостраничное приложение с навигацией через page_navbar и добавь переключатель темной темы input_dark_mode.

Что понадобится

  • Пакеты R: shiny, bslib, bsicons (или fontawesome), thematic.

Описание составлено по SKILL.md навыка, сверено 05.10.2026.

Как подключить

1Скачать навык
# возьмите папку навыка «shiny-bslib» из репозитория: # https://github.com/posit-dev/skills
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r shiny-bslib/ ~/.claude/skills/shiny-bslib/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.