name: kotlin-composable-preview description: Generate comprehensive @Preview functions for Jetpack Compose composables. Analyzes component parameters, states, and dependencies to create previews covering all visual states, edge cases, and configurations.

Kotlin Composable Preview Generator

Skill for generating production-quality @Preview functions for Jetpack Compose UI components.

Analyze Composable signature
- Extract parameters (required/optional)
- Identify state classes (data class, sealed class, enum)
- Find callback parameters (lambdas)
Identify preview requirements
- Check for HazeState dependency → needs hazeSource setup
- Check for modifier patterns → use appropriate sizing
- Check for sealed class states → generate preview for each subtype
Generate previews
- Follow naming: {ComposableName}Preview, {ComposableName}{State}Preview
- Use private modifier for preview functions
- Add dark background wrapper when needed
- Provide realistic sample data

See references/preview-patterns.md for detailed examples.

Aspect	Guideline
Naming	`{ComposableName}Preview`, `{ComposableName}{State}Preview`
Visibility	`private` for preview functions
Background	Use `Box(Modifier.background(Black))` for dark-themed components
HazeState	Use `rememberHazeState()` + `hazeSource()` setup
Callbacks	Use empty lambdas `{}` for onClick, onDismiss
Sample Data	Use realistic Vietnamese text when appropriate