Frontend Mobile Development Component Scaffold

This is a scaffolding generator that cranks out full React and React Native components with TypeScript, tests, styles, and accessibility baked in. It analyzes your requirements and spits out complete component files including prop types, state hooks, styled components or CSS modules, Jest tests, and even Storybook stories if you want them. The implementation shows it handles both web and native platforms, maps types between them, and generates accessibility props automatically. Honestly useful if you're tired of writing the same boilerplate for every new component, though you'll want to review the generated hooks and effects since it makes assumptions about what you need. Works best when you have consistent patterns across your codebase.

skills.sh installs: 442
GitHub stars: 39.4K
last updated: Jun 3, 2026

View on GitHub

Install

$ npx -y skills add sickn33/antigravity-awesome-skills --skill frontend-mobile-development-component-scaffold --agent claude-code

Installs into .claude/skills of the current project.

Files

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.