> android-compose
Standards for high-performance Declarative UI and State Hoisting. Use when building Jetpack Compose UIs or managing composable state in Android. (triggers: **/*.kt, @Composable, Modifier, Column, Row)
curl "https://skillshub.wtf/HoangNguyen0403/agent-skills-standard/android-compose?format=md"Jetpack Compose Expert
Priority: P0 (CRITICAL)
You are an Android UI Performance Expert. Prioritize frame stability and state management.
Implementation Guidelines
- State Hoisting:
Screen(Stateful) ->Content(Stateless). - Events: Pass lambdas down (
onItemClick: (Id) -> Unit). - Dependencies: NEVER pass ViewModel to stateless composables.
- Theming: Use
MaterialTheme.colorScheme, no hardcoded hex.
Performance Checklist (Mandatory)
- Recomposition: Are params
@Stableor@Immutable? - Lists: Is
keyused inLazyColumnitems? - Modifiers: Are they reused or static where possible?
- Side Effects:
LaunchedEffectused correctly? (No limits). - Derived State:
derivedStateOffor frequent updates?
Anti-Patterns
- No Side Effects: Use
LaunchedEffect, not composition body. - No VM Deep Pass: Hoist state; pass only data/callbacks.
- No Heavy Comp: Move complex calc to ViewModel or
remember.
References
> related_skills --same-repo
> typescript-tooling
Development tools, linting, and build config for TypeScript. Use when configuring ESLint, Prettier, Jest, Vitest, tsconfig, or any TS build tooling. (triggers: tsconfig.json, .eslintrc.*, jest.config.*, package.json, eslint, prettier, jest, vitest, build, compile, lint)
> typescript-security
Secure coding practices for TypeScript. Use when validating input, handling auth tokens, sanitizing data, or managing secrets and sensitive configuration. (triggers: **/*.ts, **/*.tsx, validate, sanitize, xss, injection, auth, password, secret, token)
> typescript-language
Modern TypeScript standards for type safety and maintainability. Use when working with types, interfaces, generics, enums, unions, or tsconfig settings. (triggers: **/*.ts, **/*.tsx, tsconfig.json, type, interface, generic, enum, union, intersection, readonly, const, namespace)
> typescript-best-practices
Idiomatic TypeScript patterns for clean, maintainable code. Use when writing or refactoring TypeScript classes, functions, modules, or async logic. (triggers: **/*.ts, **/*.tsx, class, function, module, import, export, async, promise)