Does it support corporate branding files?

Yes, it provides workflows for integrating _brand.yml files, allowing your Shiny apps to automatically discover and apply organizational branding.

How do I implement dark mode in my Shiny app?

The skill covers Bootstrap 5.3's color mode system, including using input_dark_mode() and toggle_dark_mode() for client-side theme switching.

Can I use Google Fonts with this skill?

Absolutely. The skill includes patterns for using the font_google() function to download, cache, and apply typography from the Google Fonts library.

Can I preview theme changes interactively?

Yes, it includes documentation for using bs_themer() during development to tweak theme variables in real-time through an interactive UI.

Does this skill help with matching R plots to the UI theme?

Yes, it provides specific guidance on using the thematic package to automatically synchronize colors and fonts between your bslib theme and R-generated plots like ggplot2.

Shiny Bslib Theming

Name: Shiny Bslib Theming
Author: posit-dev

byposit-dev

•

206

•

디자인 도구

Customizes the visual appearance of Shiny applications using Bootstrap 5, Sass variables, and advanced bslib design systems.

The shiny-bslib-theming skill empowers developers to create professional, modern interfaces for R Shiny applications by leveraging the bslib package and Bootstrap 5. It provides domain-specific guidance for implementing custom color palettes, typography via Google Fonts, and corporate branding through _brand.yml integration. Beyond simple CSS overrides, it enables advanced Sass customization, dark mode support, and seamless visual synchronization between app UI and R-generated plots using the thematic package, ensuring a cohesive user experience across all dashboard components.

주요 기능

01Advanced Sass variable customization and custom CSS rule injection

02Integration workflows for brand.yml and organizational design systems

03206 GitHub stars

04Dynamic dark mode and color mode switching implementations

05Quick-start patterns for the 'shiny' preset and Bootswatch themes

06Automated R plot theming to match UI colors using the thematic package

사용 사례

01Modernizing legacy Shiny apps with polished Bootstrap 5 presets and custom typography

02Implementing strict corporate brand guidelines across both UI components and data visualizations

03Creating high-contrast or dark-mode enabled dashboards for varied lighting environments

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add posit-dev/skills shiny-bslib-theming

For use in Claude.ai and ChatGPT

Download Skill