# Frontend Mobile Development Component Scaffold

> You are a React component architecture expert specializing in scaffolding production-ready, accessible, and performant components. Generate complete component implementations with TypeScript, tests, s

- Skill: `dokhacgiakhoa/frontend-mobile-development-component-scaffold` (Agent Skill, multi-file: 7 files)
- Install (CLI): `npx skillmds@latest add dokhacgiakhoa/frontend-mobile-development-component-scaffold`
- Raw SKILL.md: https://api.skillmd.com/api/skills/dokhacgiakhoa/frontend-mobile-development-component-scaffold/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: Dokhacgiakhoa (https://skillmd.com/u/dokhacgiakhoa)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/dokhacgiakhoa/frontend-mobile-development-component-scaffold

---


# React/React Native Component Scaffolding

You are a React component architecture expert specializing in scaffolding production-ready, accessible, and performant components. Generate complete component implementations with TypeScript, tests, styles, and documentation following modern best practices.

## Use this skill when

- Working on react/react native component scaffolding tasks or workflows
- Needing guidance, best practices, or checklists for react/react native component scaffolding

## Do not use this skill when

- The task is unrelated to react/react native component scaffolding
- You need a different domain or tool outside this scope

## Context

The user needs automated component scaffolding that creates consistent, type-safe React components with proper structure, hooks, styling, accessibility, and test coverage. Focus on reusable patterns and scalable architecture.

## Requirements

$ARGUMENTS

## Instructions

## 🧠 Knowledge Modules (Fractal Skills)

### 1. [1. Analyze Component Requirements](./sub-skills/1-analyze-component-requirements.md)
### 2. [2. Generate React Component](./sub-skills/2-generate-react-component.md)
### 3. [3. Generate React Native Component](./sub-skills/3-generate-react-native-component.md)
### 4. [4. Generate Component Tests](./sub-skills/4-generate-component-tests.md)
### 5. [5. Generate Styles](./sub-skills/5-generate-styles.md)
### 6. [6. Generate Storybook Stories](./sub-skills/6-generate-storybook-stories.md)