frontend-component-creation

What problem does it solve?

This Skill helps you write, refactor, and fix React Native component files in RemoteUnlockApp while keeping them small, reusable, and aligned with the project's architecture rules.

Core Features & Use Cases

• Keeps component files pure, named, and organized around one component per file.
• Moves multi-step logic into hooks and shared behavior into context when prop drilling grows too deep.
• Encourages reuse of existing primitives, shared components, and theme aliases instead of duplicating UI.
• Fits common tasks such as splitting a crowded screen into reusable pieces, promoting a generic control into a shared component, or correcting a component that mixes layout with data fetching.

Quick Start

Refactor or create a RemoteUnlockApp React Native component so it follows the project's rules for props, hooks, context, reuse, file naming, and export structure.