Skills
.Work. You
Rest

showkase-usage

Community

Document and organize Compose UI with Showkase.

Design & Creative#typography#documentation#colors#design-system#compose#previews#showkase
Authorbenoberkfell
Version1.0.0
Installs0

System Documentation

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.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: showkase-usage
Download link: https://github.com/benoberkfell/claude-plugins/archive/main.zip#showkase-usage

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.