Design Shiny Ui
Skill Verified ActiveDesign Shiny application UIs using bslib for theming, layout_columns for responsive grids, value boxes, cards, and custom CSS/SCSS. Covers page layouts, accessibility, and brand consistency. Use when building a new Shiny app UI from scratch, modernizing an existing app from fluidPage to bslib, applying brand theming, making a Shiny app responsive across screen sizes, or improving accessibility of a Shiny application.
Design modern, accessible, and responsive Shiny application user interfaces efficiently by leveraging bslib theming and layout primitives.
Features
- Design Shiny UIs with bslib
- Implement responsive grids using layout_columns
- Create value boxes, cards, and custom layouts
- Apply brand theming and accessibility standards
- Modernize existing Shiny app layouts
Use Cases
- Building a new Shiny app UI from scratch
- Modernizing an existing app from fluidPage to bslib
- Applying brand theming to a Shiny app
- Making a Shiny app responsive across screen sizes
- Improving accessibility of a Shiny application
Non-Goals
- Building the backend logic for a Shiny app
- Deploying a Shiny application
- Advanced JavaScript integration beyond CSS/SCSS theming
Installation
/plugin install agent-almanac@pjt222-agent-almanacQuality Score
VerifiedTrust Signals
Similar Extensions
Build Shiny Module
100Build reusable Shiny modules with proper namespace isolation using NS(). Covers module UI/server pairs, reactive return values, inter-module communication, and nested module composition. Use when extracting a reusable component from a growing Shiny app, building a UI widget used in multiple places, encapsulating complex reactive logic behind a clean interface, or composing larger applications from smaller, testable units.
Baseline Ui
100Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS projects. Use when building UI components, reviewing CSS utilities, styling React views, or enforcing design consistency.
Android Design Guidelines
100Material Design 3 and Android platform guidelines. Use when building Android apps with Jetpack Compose or XML layouts, implementing Material You, navigation, or accessibility. Triggers on tasks involving Android UI, Compose components, dynamic color, or Material Design compliance.
Color Audit
100Color-only audit to extract, evaluate, and recommend improvements for the project's color system
Review Ux Ui
99Review user experience and interface design using Nielsen's heuristics, WCAG 2.1 accessibility guidelines, keyboard and screen reader audit, user flow analysis, cognitive load assessment, and form usability evaluation. Use when conducting a usability review before release, assessing WCAG 2.1 accessibility compliance, evaluating user flows for efficiency, reviewing form design, or performing a heuristic evaluation of an existing interface.
Scaffold Shiny App
99Scaffold a new Shiny application using golem (production R package), rhino (enterprise), or vanilla (quick prototype) structure. Covers framework selection, project initialization, and first module creation. Use when starting a new interactive web application in R, creating a dashboard or data explorer prototype, setting up a production Shiny app as an R package with golem, or bootstrapping an enterprise Shiny project with rhino.