Can I migrate my old Shiny apps using this skill?

Yes, this skill provides a comprehensive migration guide to map legacy functions like fluidPage, fluidRow, and wellPanel to their modern bslib equivalents.

Does this skill support dark mode?

Yes, it includes instructions for implementing input_dark_mode() and managing dynamic theming to allow users to toggle between light and dark appearances.

How do I ensure my plots match my app theme?

The skill recommends using thematic::thematic_shiny() within the server function to automatically synchronize base R and ggplot2 plot colors with your bslib theme.

How does bslib differ from traditional Shiny UI?

bslib utilizes Bootstrap 5 and modern CSS features to provide components like cards and value boxes that natively support filling layouts, whereas traditional Shiny relies on older Bootstrap versions and manual grid management.

Modern Shiny Dashboards with bslib

Name: Modern Shiny Dashboards with bslib
Author: posit-dev

byposit-dev

•

206

•

设计工具

Builds professional, responsive Shiny applications using Bootstrap 5 layouts, modern grid systems, and interactive UI components.

This skill empowers developers to transition from legacy Shiny UI patterns to modern, high-performance web layouts powered by bslib and Bootstrap 5. It provides domain-specific guidance for implementing complex dashboard elements like value boxes, expandable cards, and viewport-filling layouts, while ensuring accessibility and consistent theming across plots and UI components. It is particularly useful for modernizing older Shiny apps or rapidly prototyping production-grade analytics interfaces with built-in dark mode and mobile-responsive design.

主要功能

01Interactive dashboard components like cards and KPI value boxes

02Modern page layouts including page_sidebar() and page_navbar()

03Dynamic theming with dark mode support and plot synchronization

04206 GitHub stars

05Advanced UI controls including accordions, tooltips, and popovers

06Responsive grid systems with layout_column_wrap() and layout_columns()

使用场景

01Developing multi-page analytics platforms with integrated navigation and consistent branding

02Creating executive dashboards with high-impact value boxes and expandable visualizations

03Migrating legacy Shiny applications from fluidPage to modern Bootstrap 5 layouts

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add posit-dev/skills shiny-bslib

For use in Claude.ai and ChatGPT

Download Skill