MCP HubMCP Hub
SKILL·08186B

scaffold-shiny-app

pjt222
Mis à jour 1 month ago
23 vues
26
3
26
Voir sur GitHub
Métadesigndata

À propos

Cette compétence structure de nouvelles applications Shiny en R avec trois options de cadre : golem pour les packages R de production, rhino pour les projets d'entreprise, ou vanilla pour les prototypes rapides. Elle gère l'initialisation du projet et crée le premier module, ce qui la rend idéale pour démarrer des tableaux de bord, des explorateurs de données ou des applications web de production. Utilisez-la lors de l'amorçage de toute application Shiny interactive pour établir la structure appropriée dès le départ.

Installation rapide

Claude Code

Recommandé
Principal
npx skills add pjt222/agent-almanac -a claude-code
Commande PluginAlternatif
/plugin add https://github.com/pjt222/agent-almanac
Git CloneAlternatif
git clone https://github.com/pjt222/agent-almanac.git ~/.claude/skills/scaffold-shiny-app

Copiez et collez cette commande dans Claude Code pour installer cette compétence

Documentation

架 Shiny 應

建新 Shiny 應含產備結構用 golem、rhino、或素架。

  • 始新互動 R 網應→用
  • 建儀板或資探原型→用
  • 設產 Shiny 應為 R 包(golem)→用
  • 啟企 Shiny 項(rhino)→用

  • :應名
  • :框選(golem、rhino、素)
  • :含模架(默:是)
  • :用 renv 管依(默:是)
  • :釋標(shinyapps.io、Posit Connect、Docker)

一:擇框

按項需選宜框:

結構
golem產應運為 R 包R 包含 DESCRIPTION、測、誌
rhino企應含 JS/CSS 建管box 模、Sass、JS 包、rhino::init()
速原型與學單 app.R 或 ui.R/server.R 對

得:明框決於項範與組需。

敗:未定→默 golem—予最多結構可後簡。素僅宜棄原型。

二:架項

Golem 路

golem::create_golem("myapp", package_name = "myapp")

建:

myapp/
├── DESCRIPTION
├── NAMESPACE
├── R/
│   ├── app_config.R
│   ├── app_server.R
│   ├── app_ui.R
│   └── run_app.R
├── dev/
├── inst/
├── man/
├── tests/
└── vignettes/

Rhino 路

rhino::init("myapp")

建:

myapp/
├── app/
│   ├── js/
│   ├── logic/
│   ├── static/
│   ├── styles/
│   ├── view/
│   └── main.R
├── tests/
├── app.R
├── dependencies.R
├── rhino.yml
└── renv.lock

素路

app.R

library(shiny)
library(bslib)

ui <- page_sidebar(
  title = "My App",
  sidebar = sidebar(
    sliderInput("n", "Sample size", 10, 1000, 100)
  ),
  card(
    card_header("Output"),
    plotOutput("plot")
  )
)

server <- function(input, output, session) {
  output$plot <- renderPlot({
    hist(rnorm(input$n), main = "Random Normal")
  })
}

shinyApp(ui, server)

得:項目建含諸架檔。

敗:golem→確 golem 包裝(install.packages("golem"))。rhino→自 GitHub 裝(remotes::install_github("Appsilon/rhino"))。素→確 shiny、bslib 裝。

三:配依

Golem/素

renv::init()

usethis::use_package("shiny")
usethis::use_package("bslib")
usethis::use_package("DT")
usethis::use_package("plotly")

renv::snapshot()

Rhino

依管於 dependencies.R

library(shiny)
library(bslib)
library(DT)

得:諸依錄於 DESCRIPTION(golem)或 dependencies.R(rhino)、renv 鎖。

敗:renv::init() 敗→查寫權。包裝敗→查 R 本相容。

四:建首模

Golem

golem::add_module(name = "dashboard", with_test = TRUE)

R/mod_dashboard.Rtests/testthat/test-mod_dashboard.R

Rhino

app/view/dashboard.R

box::use(
  shiny[moduleServer, NS, tagList, h3, plotOutput, renderPlot],
)

#' @export
ui <- function(id) {
  ns <- NS(id)
  tagList(
    h3("Dashboard"),
    plotOutput(ns("plot"))
  )
}

#' @export
server <- function(id) {
  moduleServer(id, function(input, output, session) {
    output$plot <- renderPlot({
      plot(1:10)
    })
  })
}

加模函至 R/mod_dashboard.R

dashboardUI <- function(id) {
  ns <- NS(id)
  tagList(
    h3("Dashboard"),
    plotOutput(ns("plot"))
  )
}

dashboardServer <- function(id) {
  moduleServer(id, function(input, output, session) {
    output$plot <- renderPlot({
      plot(1:10)
    })
  })
}

得:模檔建含 UI 與服函用正命空。

敗:確模 UI 函諸入/出 ID 用 NS(id)。無命空→ID 多用時撞。

五:行應

golem::run_dev()
shiny::runApp()
shiny::runApp("app.R")

得:應於瀏無誤啟。

敗:察 R 控制台誤訊。常題:缺包(裝之)、口已用(port = 3839)、UI/服碼語誤。

  • 應目結構合所擇框
  • shiny::runApp() 啟無誤
  • ≥ 1 模架含 UI 與服函
  • 依錄(DESCRIPTION 或 dependencies.R)
  • renv.lock 捕諸包本
  • 模用 NS(id) 命空隔

  • 產用素:素無測施、文、釋工。原型外用 golem 或 rhino
  • 模缺命空:模 UI 諸 inputIdoutputId 必裹 ns()。忘致默 ID 撞
  • golem 無 devtools 流:golem 應為 R 包。用 devtools::load_all()devtools::test()devtools::document(),非 source()
  • rhino 無 box:rhino 用 box 為模入。勿退 library()—用 box::use() 顯入

  • build-shiny-module
  • test-shiny-app
  • deploy-shiny-app
  • design-shiny-ui
  • create-r-package
  • manage-renv-dependencies

Dépôt GitHub

pjt222/agent-almanac
Chemin: i18n/wenyan-ultra/skills/scaffold-shiny-app
0
agentsagentskillsai-assisted-developmentclaude-codeskillsteams
FAQ

Frequently asked questions

What is the scaffold-shiny-app skill?

scaffold-shiny-app is a Claude Skill by pjt222. Skills package instructions and resources that Claude loads on demand, so Claude can perform scaffold-shiny-app-related tasks without extra prompting.

How do I install scaffold-shiny-app?

Use the install commands on this page: add scaffold-shiny-app to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.

What category does scaffold-shiny-app belong to?

scaffold-shiny-app is in the Meta category, tagged design and data.

Is scaffold-shiny-app free to use?

Yes. scaffold-shiny-app is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.

Compétences associées

content-collections
Méta

Cette compétence propose une configuration éprouvée en production pour Content Collections, un outil axé sur TypeScript qui transforme des fichiers Markdown/MDX en collections de données typées de manière sûre avec une validation Zod. Utilisez-la lors de la création de blogs, de sites de documentation ou d'applications Vite + React riches en contenu pour garantir la sécurité de typage et la validation automatique du contenu. Elle couvre tout, de la configuration du plugin Vite et de la compilation MDX à l'optimisation des déploiements et la validation des schémas.

Voir la compétence
polymarket
Méta

Cette compétence permet aux développeurs de créer des applications avec la plateforme de marchés prédictifs Polymarket, incluant l'intégration d'API pour le trading et les données de marché. Elle fournit également une diffusion de données en temps réel via WebSocket pour surveiller les transactions en direct et l'activité du marché. Utilisez-la pour mettre en œuvre des stratégies de trading ou pour créer des outils traitant les mises à jour de marché en direct.

Voir la compétence
creating-opencode-plugins
Méta

Cette compétence aide les développeurs à créer des plugins OpenCode qui s'interconnectent avec plus de 25 types d'événements tels que les commandes, les fichiers et les opérations LSP. Elle fournit la structure du plugin, les spécifications de l'API événementielle et les modèles d'implémentation pour les modules JavaScript/TypeScript. Utilisez-la lorsque vous avez besoin d'intercepter, de surveiller ou d'étendre le cycle de vie de l'assistant IA OpenCode avec une logique personnalisée pilotée par les événements.

Voir la compétence
sglang
Méta

SGLang est un framework de service LLM haute performance spécialisé dans la génération rapide et structurée pour les workflows JSON, regex et agentiques grâce à son cache de préfixe RadixAttention. Il offre une inférence nettement plus rapide, particulièrement pour les tâches avec des préfixes répétés, ce qui le rend idéal pour les sorties complexes et structurées ainsi que les conversations multi-tours. Choisissez SGLang plutôt que des alternatives comme vLLM lorsque vous avez besoin d'un décodage contraint ou que vous construisez des applications avec un partage étendu de préfixes.

Voir la compétence