TaeseongYun

Compose Preview — Development skill for Claude Code

Development community

/compose-preview - Generate Compose Preview Functions.

How to install Compose Preview

Installs to ~/.claude/skills/taeseongyun-everything-claude-code-android-compose-preview/SKILL.md

Terminal
mkdir -p ~/.claude/skills/taeseongyun-everything-claude-code-android-compose-preview && curl -fsSL https://raw.githubusercontent.com/TaeseongYun/everything-claude-code-android/HEAD/commands/compose-preview.md -o ~/.claude/skills/taeseongyun-everything-claude-code-android-compose-preview/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Compose Preview does

/compose-preview - Generate Compose Preview Functions

Generate preview functions for Compose UI components.

Usage

/compose-preview [composable name or file]

Examples

/compose-preview HomeScreen
/compose-preview feature/home/ui/HomeScreen.kt
/compose-preview ItemCard

What This Command Does

  1. Analyzes the Composable function
  2. Identifies required parameters
  3. Creates preview data/state
  4. Generates multiple preview variants

Preview Templates

Screen Pre

Alternatives in Development

  • Earnings Preview — 财报前预览 — 一致预期对照 + 行业观察指标 + Bull/Base/Bear 三情景 + 催化剂清单 + 预期波幅 6.6k ★
  • Convex Functions 354 ★
  • Audio Browser — Launch the AgentVibes audio browser - browse, preview, and install TTS voices 153 ★

Full documentation available on GitHub

View Source Repository