Skip to content
core-components logo

Core Components

core-components

Core component library and design system patterns. Use when building UI, using design tokens, or working with the component library.

SKILL.md

Full skill instructions

Core Components

Design System Overview

Use components from your core library instead of raw platform components. This ensures consistent styling and behavior.

Design Tokens

NEVER hard-code values. Always use design tokens.

🧠 Knowledge Modules (Fractal Skills)

1. Spacing Tokens

2. Color Tokens

3. Typography Tokens

4. Box

5. HStack / VStack

6. Text

7. Button

8. Input

9. Card

10. Screen Layout

11. Form Layout

12. List Item Layout