core-components
Provides guidance for using a design token system and core UI components in React Native projects. Focuses on replacing hard-coded values with spacing, color, and typography tokens. Includes examples for Box, HStack, VStack, Text, Button, Input, and Card components with clear anti-pattern warnings.
Packaged view
This page reorganizes the original catalog entry around fit, installability, and workflow context first. The original raw source lives below.
Install command
npx @skill-hub/cli install chriswiles-claude-code-showcase-core-components
Repository
Skill path: .claude/skills/core-components
Provides guidance for using a design token system and core UI components in React Native projects. Focuses on replacing hard-coded values with spacing, color, and typography tokens. Includes examples for Box, HStack, VStack, Text, Button, Input, and Card components with clear anti-pattern warnings.
Open repositoryBest for
Primary workflow: Build Mobile.
Technical facets: Frontend, Designer, Mobile.
Target audience: Frontend teams looking for install-ready agent workflows..
License: Unknown.
Original source
Catalog source: SkillHub Club.
Repository owner: ChrisWiles.
This is still a mirrored public skill entry. Review the repository before installing into production workflows.
What it helps with
- Install core-components into Claude Code, Codex CLI, Gemini CLI, or OpenCode workflows
- Review https://github.com/ChrisWiles/claude-code-showcase before adding core-components to shared team environments
- Use core-components for frontend workflows
Works across
Favorites: 0.
Sub-skills: 0.
Aggregator: No.