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

88%

Does it follow best practices?

Impact

94%

1.77x

Average score across 3 eval scenarios

Securityby

Advisory

Suggest reviewing before use

Evaluation results

100%

36%

Reusable Notification Card Component

Compound component with createStyledContext

Criteria

Without context

With context

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%

Without context: $0.5219 · 3m 4s · 29 turns · 35 in / 8,419 out tokens

With context: $0.4099 · 1m 24s · 20 turns · 276 in / 5,032 out tokens

84%

57%

Tamagui Project Configuration for a Branded Design System

Config v4 setup with custom themes

Criteria

Without context

With context

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

Without context: $0.5100 · 2m 18s · 18 turns · 23 in / 10,033 out tokens

With context: $0.6533 · 2m 19s · 26 turns · 31 in / 8,127 out tokens

100%

31%

Tamagui Component Performance and Quality Audit

Anti-pattern refactoring and optimization

Criteria

Without context

With context

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%

Without context: $0.2263 · 1m 23s · 10 turns · 15 in / 4,823 out tokens

With context: $0.6338 · 2m 3s · 28 turns · 81 in / 7,467 out tokens

Repository: NeverSight/skills_feed
Commit: 5342bca

Evaluated: 13 days 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.