跳转到主要内容
此内容尚未提供您的语言版本,正在以英文显示。

Design Shiny Ui

技能 已验证 活跃

Design 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.

功能

  • 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

使用场景

  • 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

非目标

  • Building the backend logic for a Shiny app
  • Deploying a Shiny application
  • Advanced JavaScript integration beyond CSS/SCSS theming

安装

/plugin install agent-almanac@pjt222-agent-almanac

质量评分

已验证
97 /100
about 22 hours ago 分析

信任信号

最近提交1 day ago
星标14
许可证MIT
状态
查看源代码

类似扩展

Build Shiny Module

100

Build 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.

技能
pjt222

Baseline Ui

100

在 Tailwind CSS 项目中验证动画持续时间,强制执行排版比例,检查组件可访问性,并防止布局反模式。适用于构建 UI 组件、审查 CSS 工具类、 styling React 视图或强制执行设计一致性。

技能
ibelick

Android Design Guidelines

100

Material Design 3 和 Android 平台指南。在构建使用 Jetpack Compose 或 XML 布局的 Android 应用、实现 Material You、导航或可访问性时使用。在涉及 Android UI、Compose 组件、动态颜色或 Material Design 合规性的任务上触发。

技能
ehmo

Color Audit

100

Color-only audit to extract, evaluate, and recommend improvements for the project's color system

技能
Aboudjem

Review Ux Ui

99

Review 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.

技能
pjt222

Scaffold Shiny App

99

Scaffold 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.

技能
pjt222