home/categories/debugging/codyswanngt-lisa-expo-copy-overwrite-claude-skills-atomic-design-gluestack-skill-md
debuggingtools

atomic-design-gluestack

Enforces atomic design methodology (atoms, molecules, organisms, templates, pages) for React Native/Expo projects using Gluestack UI. This skill should be used when creating new components, validating existing component organization, reviewing component placement decisions, or planning component architecture. Use this skill to ensure components are properly categorized, placed in correct directories, and follow composition patterns appropriate to their atomic level.

CodySwannGT
maintainer
CodySwannGT
Updated 1/20/2026
Stars
1
Forks
1
quick start

Installation and usage

Enforces atomic design methodology (atoms, molecules, organisms, templates, pages) for React Native/Expo projects using Gluestack UI. This skill should be used when creating new components, validating existing component organization, reviewing component placement decisions, or planning component architecture. Use this skill to ensure components are properly categorized, placed in correct directories, and follow composition patterns appropriate to their atomic level.

Installation
$ install --globalskills.sh
Usage

Once installed, you can use this skill by running the following command in your terminal:

skills use atomic-design-gluestack