skills.rest
benoberkfell
benoberkfellCOMMUNITY
Explore all skills by this author →
GitHub

showkase-usage

Document and organize Jetpack Compose UI elements with Showkase annotations and previews.

Updated Aug 27, 2026
Search Tags:#typography#documentation#colors#design-system#compose#previews#showkase
One-click install
npx skills add https://github.com/benoberkfell/claude-plugins --skill showkase-usage
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: showkase-usage
Source: https://github.com/benoberkfell/claude-plugins/tree/main/plugins/showkase/skills/showkase-usage
Command: npx skills add https://github.com/benoberkfell/claude-plugins --skill showkase-usage

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Showkase provides a centralized way to annotate, preview, and browse Jetpack Compose UI elements, colors, and typography, making design systems more accessible and consistent.

Core Features & Use Cases

  • Annotate composables with @ShowkaseComposable, @ShowkaseColor, and @ShowkaseTypography to generate browser previews.
  • Capture and document design tokens (colors and typography) for design systems and cross-team collaboration.
  • Auto-generate multiple previews and permutations for theme, RTL, and accessibility scenarios to support robust UI testing.
  • Use in design-system documentation and component libraries to streamline review and onboarding.

Quick Start

Annotate your composables with Showkase annotations and open the browser to view component previews.

Frequently Asked Questions about showkase-usage

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I preview and document Jetpack Compose UI components in a centralized browser?▼

You can document Jetpack Compose UI components by annotating composables with @ShowkaseComposable, @ShowkaseColor, and @ShowkaseTypography to auto-generate and expose centralized browser previews.

Can I auto-generate Compose previews for different themes and accessibility scenarios?▼

Yes, Showkase auto-generates multiple previews and permutations for theme, RTL, and accessibility scenarios to support robust UI testing across your Compose design system.

What is the best way to document Compose design tokens like colors and typography?▼

The best way to document Compose design tokens is applying Showkase annotations to capture colors and typography, making design systems accessible for cross-team collaboration.

Does Showkase work with Kotlin build environments for Android component libraries?▼

Yes, Showkase relies on integration in the Kotlin build to expose previews in the Showkase browser, fitting Android design systems and component libraries.

How do I set up Showkase to browse composables in my Android design system?▼

Annotate your composables with Showkase annotations and open the browser to view component previews, streamlining review and onboarding for your design-system documentation.

Related Skills

Explore More Design & Creative Skills→
DrjackyDrjacky
104

android-kotlin-compose

Scaffold modular Android Kotlin projects with Jetpack Compose and MVVM.

Community
Advanced
PiercingXXPiercingXX
1

simple

Convert Simple design tokens into component and accessibility rules.

Community
Basic
elophantoelophanto
116

ui-design

Create scalable UI design systems with tokens, components, and accessibility.

Community
Advanced
niltsiarniltsiar
1

compose-screen

Implement cross-platform Compose UI screens for Android and Desktop with dual-theme support.

Community
Advanced