port-from-bslib

Name: port-from-bslib
Author: posit-dev

Comprehensive guide for porting UI components from R's bslib package to py-shiny. Use this skill when: (1) User asks to \

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author: posit-dev
Category: Frontend
Views: 4

GitHub repo

About this skill

Comprehensive guide for porting UI components from R's bslib package to py-shiny. Use this skill when: (1) User asks to \

How to use

Zlokalizuj pull request w repozytorium bslib, który wprowadził funkcję do przeniesienia — powinna być ona wskazana w opisie zadania (np. github.com/rstudio/bslib/pull/...). 2. Przeanalizuj implementację źródłową w bslib: przejrzyj kod R, TypeScript i SCSS, aby zrozumieć strukturę komponentu i jego zachowanie. 3. Utwórz odpowiednik w Pythonie — napisz funkcję lub klasę, która replikuje interfejs i logikę komponentu z bslib, uwzględniając konwencje py-shiny. 4. Dodaj powiązania po stronie klienta — skopiuj i zaadaptuj zasoby JavaScript/CSS z bslib do py-shiny, vendorując je w odpowiednich katalogach projektu. 5. Napisz testy jednostkowe i end-to-end, aby sprawdzić poprawność portu i zapewnić, że komponent działa identycznie jak w bslib. 6. Przygotuj dokumentację — utwórz lub zaktualizuj pliki dokumentacji i przykłady użycia zgodnie ze standardami projektu py-shiny.

Related skills

apple-reminders

by openclaw

Manage Apple Reminders via the `remindctl` CLI on macOS (list, add, edit, complete, delete). Supports lists, date filters, and JSON/plain output.

Frontend

2085

tailwind-design-system

by wshobson

Build scalable design systems with Tailwind CSS, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.

Frontend

2676

react

by lobehub

React component development guide. Use when working with React components (.tsx files), creating UI, using @lobehub/ui components, implementing routing, or building frontend features. Triggers on React component creation, modification, layout implementation, or navigation tasks.

Frontend

2058

browser-use

by browser-use

Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web pages, fill forms, take screenshots, or extract information from web pages.

Frontend

23107

theme-factory

by anthropics

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.

Frontend

40139

better-icons

by better-auth

Use when working with icons in any project. Provides CLI for searching 200+ icon libraries (Iconify) and retrieving SVGs. Commands: `better-icons search u003cqueryu003e` to find icons, `better-icons get u003cidu003e` to get SVG. Also available as MCP server for AI agents.

Frontend

2037