tamagui-best-practices

Provides Tamagui patterns for config v4, compiler optimization, styled context, and cross-platform styling. Must use when working with Tamagui projects (tamagui.config.ts, @tamagui imports).

1.77x

Quality

80%

Does it follow best practices?

Impact

94%

1.77x

Average score across 3 eval scenarios

Securityby

Low

Low-risk findings worth noting

Fix and improve this skill with Tessl

tessl review fix ./data/skills-md/0xbigboss/claude-code/tamagui-best-practices/SKILL.md

Evaluation results

100%

36%

Reusable Notification Card Component

Compound component with createStyledContext

Criteria

Without this skill

With this skill

createStyledContext usage

100%

context attached to frame

100%

withStaticProperties composition

100%

Provider exposed as .Props

100%

Variant spread operators

100%

as const on variants

100%

tokens.size access pattern

100%

styleable() for wrapper

100%

Context NOT on primitives

100%

accept with as const

100%

Consistent import source

100%

31%

Tamagui Component Performance and Quality Audit

Anti-pattern refactoring and optimization

Criteria

Without this skill

With this skill

Dynamic styles to variants

25%

100%

No style prop objects

100%

useCallback for handlers

100%

No inline arrow functions on events

50%

100%

Adapt instead of Platform.OS

100%

No Platform.OS import

100%

StyleSheet removed

100%

Consistent imports

100%

as const on new variants

100%

Refactored file produced

100%

Changes summary

100%

84%

57%

Tamagui Project Configuration for a Branded Design System

Config v4 setup with custom themes

Criteria

Without this skill

With this skill

Config v4 import

100%

createTamagui with defaultConfig

100%

styleCompat setting

100%

createThemes usage

100%

defaultComponentThemes included

100%

palette structure

100%

$ prefix in JSX props

100%

No $ in theme definitions

100%

No StyleSheet mixing

100%

Config v4 shorthands used

TamaguiCustomConfig declaration

50%

100%

Media query tokens

Repository: NeverSight/learn-skills.dev
Path: data/skills-md/0xbigboss/claude-code/tamagui-best-practices/SKILL.md
Commit: d725a6d

Evaluated: 6 months ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

Reusable Notification Card Component Tamagui Project Configuration for a Branded Design System Tamagui Component Performance and Quality Audit

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.