---
name: qierkang/frontend-development
source: https://app.decimal.ai/s/qierkang-frontend-development@1/SKILL.md
source_sha256: 7eac7d16fdb7
---

# Frontend Development

Use this skill for work under `omni-platform-front/` or `omni-platform-mobile/`.

## Required Context

1. Read the target package README and its `package.json`.
2. Read the current entry point and nearby components before choosing a pattern.
3. Read [`references/component-checklist.md`](references/component-checklist.md) when component ownership, interaction, accessibility, or responsive behavior matters.
4. Use `karpathy-guidelines` for scope control and verification discipline.

## Defaults

- Keep state at the lowest owner that needs it; lift only for real coordination.
- Prefer semantic HTML and visible keyboard focus.
- Keep loading, empty, error, and disabled states explicit.
- Reuse existing tokens, components, utilities, and API clients before adding new ones.
- Keep network access behind a typed boundary; do not scatter raw fetch calls across presentation components.
- Use stable responsive dimensions and verify narrow and wide layouts when UI changes.

## Verification

Run the affected package build from the repository root. Use browser or screenshot verification for visual or interaction changes when available.