Compose Preview — Development skill for Claude Code
/compose-preview - Generate Compose Preview Functions.
How to install Compose Preview
Installs to ~/.claude/skills/taeseongyun-everything-claude-code-android-compose-preview/SKILL.md
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
- Analyzes the Composable function
- Identifies required parameters
- Creates preview data/state
- 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 RepositoryRelated Skills
Claudetinker
Browser-based workspace preparer for Claude Code — compose CLAUDE.md + .claude/skills + settings.json, preview
Jetpack Compose Skills
Agent skill for modern Android development with Jetpack Compose — best practices for code generation and revie
Workz
The environment engine for agent worktrees - zero-config dep sync + port/DB/compose isolation
Android Expert
Invoke the Android expert skill for Jetpack Compose and Kotlin
Prompt Packaging
Prompt: Cover the compose path in CI, and install into a cluster that already has Prometheus
Quiver CLI
Compose skills, slash commands & MCP servers from a central catalog into any repo as native configs for openco
Related Agents
Deployment Expert
Specializes in Vercel deployment strategies, CI/CD pipelines, preview URLs, production promotions, rollbacks,
Sample Renderer
각 디자인 팩으로 실제 PPT 슬라이드/웹 페이지 샘플을 생성하고, 비교용 baseline 출력도 함께 생성해 preview.png를 산출하는 렌더링 엔지니어.
Code Preview.Nvim
A Neovim plugin that shows a live diff preview of AI coding agent's file edits before you accept or reject the