Skills
.Work. You
Rest

tamagui-component

Community

Craft pixel-perfect Tamagui UI, cross-platform.

Authornizarghribi
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Building consistent, theme-aware, and responsive UI components across web and native platforms can be challenging. This Skill provides a definitive guide for creating Tamagui components within the Hounii design system, ensuring adherence to atomic design, token usage, and accessibility standards.

Core Features & Use Cases

  • Atomic Design Enforcement: Guides component creation from atoms to organisms, promoting reusability and maintainability.
  • Design Token Integration: Ensures all styling uses Tamagui's design tokens, guaranteeing theme compatibility and consistent branding across light/dark modes.
  • Cross-Platform Responsiveness: Facilitates building components that adapt seamlessly to different screen sizes and platforms (web, iOS, Android) with built-in media queries.
  • Use Case: Create a new Card component for the UI library, ensuring it uses design tokens for colors and spacing, supports light/dark themes, and includes variants for different visual styles.

Quick Start

Use the tamagui-component skill to create a new 'Avatar' atom in the UI package, ensuring it uses design tokens for size and border-radius.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: tamagui-component
Download link: https://github.com/nizarghribi/hounii-monorepo-first/archive/main.zip#tamagui-component

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.