スキル tamagui-best-practices

📦

tamagui-best-practices

Name: tamagui-best-practices
Author: 0xBigBoss

コンテンツリビジョン r1 安全 🔑 環境変数⚙️ 外部コマンド🌐 ネットワークアクセス

より優れたTamaguiインターフェイスを構築

Tamaguiプロジェクトでは、トークンの一貫性欠如、低速なコンポーネント、アクセシビリティに配慮されていないパターンが問題になることがあります。このスキルは、設定、コンパイラ最適化、フォーム、オーバーレイ、アニメーション、テーマについて実践的なv1ガイダンスを提供します。

対応: Claude Codex Code(CC)

🥉 78 ブロンズ

自分のエージェントでインストール

このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。

エージェントリクエスト

Review the Skillstore skill "tamagui-best-practices" from https://skillstore.io/skills/0xbigboss-tamagui-best-practices.md and its manifest at https://skillstore.io/api/skills/0xbigboss-tamagui-best-practices/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。

エージェントが読めるリソース

AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。

Markdown詳細 GET /skills/0xbigboss-tamagui-best-practices.md 署名済み manifest GET /api/skills/0xbigboss-tamagui-best-practices/manifest 署名済み lockfile GET /api/skills/0xbigboss-tamagui-best-practices/lockfile

テストする

「tamagui-best-practices」を使用しています。多くの動的style propsを持つ低速なTamaguiカードコンポーネントをレビューする。

期待される結果:

動的style propsがコンパイラのflatteningを妨げる可能性を説明し、variantsを推奨し、prop順序を確認し、アクセシビリティチェックを列挙します。

「tamagui-best-practices」を使用しています。 Webとタッチデバイスで動作するselectコントロールを計画する。

期待される結果:

タッチ向けにAdaptとSheetを組み合わせたTamagui Selectを提案し、ラベル、エラーテキスト、z-indexのガイダンスも提示します。

「tamagui-best-practices」を使用しています。クロスプラットフォームの製品インターフェイス向けにテーマガイダンスを作成する。

期待される結果:

Tamagui config v4に沿ったパレット、トークン、フォント、スペーシング、レスポンシブに関する推奨事項を返します。

セキュリティ監査

安全

v10 • 2026/7/9 バージョン別レポートを開く

All static findings are false positives after contextual review. The flagged patterns are Tamagui documentation examples, markdown code spans, JSX template literals, process.env.NODE_ENV config snippets, callback types, and optional public documentation URLs with no malicious intent or data exfiltration.

スキャンされたファイル

2,146

解析済み行数

レビュー項目

誤検知を無視

リスク要因

🔑 環境変数 (8)

COMPILER_PATTERNS.md:117 COMPILER_PATTERNS.md:132 COMPILER_PATTERNS.md:149 COMPILER_PATTERNS.md:208 COMPILER_PATTERNS.md:117 COMPILER_PATTERNS.md:132 COMPILER_PATTERNS.md:149 COMPILER_PATTERNS.md:208

⚙️ 外部コマンド (31)

🌐 ネットワークアクセス (2)

SKILL.md:110 SKILL.md:111

最新の完了済み静的・セマンティック監査では、確認済みのセキュリティ検出事項は見つかりませんでした。これは、スキルに副作用がないことを証明するものではありません。

監査者: codex 監査履歴を表示 →

このレポートを共有・引用

バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。

バージョン別レポートを開く

レポートリンクをコピー

https://skillstore.io/skills/0xbigboss-tamagui-best-practices/audits/10?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdownバッジ

[![Skillstore security assessment](https://skillstore.io/badges/skills/0xbigboss-tamagui-best-practices/security.svg)](https://skillstore.io/skills/0xbigboss-tamagui-best-practices?utm_source=security_passport_badge)

HTMLバッジ

<a href="https://skillstore.io/skills/0xbigboss-tamagui-best-practices?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/0xbigboss-tamagui-best-practices/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

埋め込みカード

<iframe src="https://skillstore.io/embed/skills/0xbigboss-tamagui-best-practices.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

学術引用 (APA · BibTeX · CFF)

APA形式の引用

0xBigBoss. (2026). tamagui-best-practices security audit report (audit version 10) [Author version unspecified]. Skillstore. https://skillstore.io/skills/0xbigboss-tamagui-best-practices/audits/10

BibTeX形式の引用

@techreport{0xbigboss-0xbigboss-tamagui-best-practices-2026,
  author = {0xBigBoss},
  title = {tamagui-best-practices security audit report (audit version 10)},
  institution = {Skillstore},
  year = {2026},
  number = {10},
  url = {https://skillstore.io/skills/0xbigboss-tamagui-best-practices/audits/10},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "tamagui-best-practices security audit report (audit version 10)"
version: "unspecified"
type: report
authors:
  - name: "0xBigBoss"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/0xbigboss-tamagui-best-practices/audits/10"
identifiers:
  - type: other
    value: "skillstore:0xbigboss-tamagui-best-practices:audit:10"
    description: "Skillstore immutable audit report identifier"

Skillstore スコア

このスコアの理由証拠の信頼度: 高

アーキテクチャ

保守性

コンテンツ

コミュニティ

仕様準拠

作成できるもの

Tamaguiプロジェクトを開始する

共有コンポーネントを構築する前に、config v4、コアトークン、コンパイラオプション、importの選択肢をセットアップします。

コンポーネントパターンをリファクタリングする

壊れやすいインラインスタイルを、overrideを保持するstyled variants、token props、ラッパーパターンに置き換えます。

デザイントークンを標準化する

クロスプラットフォームのデザインシステム向けに、一貫したパレット、タイポグラフィ、スペーシング、テーマ、レスポンシブ値を作成します。

これらのプロンプトを試す

セットアップをレビューする

config v4、package imports、基本的なトークン使用について、私のTamaguiプロジェクトセットアップをレビューしてください。不足している点やリスクのある選択を指摘してください。

コンポーネントを改善する

このTamaguiコンポーネントをレビューし、コンパイラのflattening、prop overrideの挙動、トークンの一貫性を改善する変更を提案してください。

フォームとオーバーレイを確認する

アクセシビリティ、バリデーション、モバイル対応、状態管理の観点から、私のTamaguiフォーム、ダイアログ、シート、selectパターンを監査してください。

スケーラブルなシステムを設計する

テーマ、パレット、フォント、variants、アニメーション、コンパイラに安全なコンポーネントアーキテクチャのためのTamagui v1デザインシステム計画を設計してください。

ベストプラクティス

フォーム、オーバーレイ、アニメーション、コンパイラ挙動、デザイントークンを変更する前に、対象を絞った参照ファイルを読んでください。
再利用可能なコンポーネントでは、動的なインラインスタイルよりもstyled variantsとTamaguiトークンを優先してください。
アクセシブルなフォームとオーバーレイには、Adapt、ラベル、バリデーションライブラリ、明示的な状態管理を使用してください。

回避

React Native StyleSheetの値とTamaguiトークンを混在させること。
Adaptを使わずに、ダイアログやシートでPlatform.OSによる分岐を行うこと。
呼び出し元のoverrideを妨げる型なしvariantsやspread順序を作成すること。

よくある質問

このスキルはどのTamaguiバージョンを対象にしていますか？

config v4ガイダンスと関連するコンパイラ挙動を含む、Tamagui v1.xのパターンを対象としています。

完全なコンポーネントを書けますか？

はい。コンポーネント構造と例をガイドできますが、プロジェクトのテストで挙動を検証する必要があります。

アクセシビリティも対象ですか？

はい。ラベルの対応、ダイアログの挙動、オーバーレイの適応、バリデーション、エラー状態のガイダンスが含まれています。

ネットワークアクセスは必要ですか？

いいえ。ネットワークアクセスが必要なのは、現在のTamaguiドキュメントを取得することを選択した場合のみです。

Claude、Codex、Claude Codeはこのスキルを使用できますか？

はい。このレポートはClaude、Codex、Claude Codeのサポートを示しています。

どのようなプロジェクトが最も恩恵を受けますか？

共有クロスプラットフォームUIにTamaguiを使用するReact、React Native、Expo、Webプロジェクトが最も恩恵を受けます。

開発者情報

作成者

0xBigBoss

ライセンス

MIT

Skillstore リビジョン

バージョンに関する注意

作者はバージョンを宣言していません。

リポジトリ

https://github.com/0xBigBoss/claude-code/tree/main/.claude/skills/tamagui-best-practices

参照

26421118b848d9f1efc0aa169d8a7a9e7e0a877e

メンテナンスの新しさ

2026/7/21

利用状況

28 ダウンロード · 552 閲覧

ファイル構成

📄 ANIMATION_PATTERNS.md

📄 COMPILER_PATTERNS.md

📄 DESIGN_SYSTEM.md

📄 DIALOG_PATTERNS.md

📄 FORM_PATTERNS.md

📄 OVERLAY_PATTERNS.md

React と Next.js のパフォーマンス最適化

作成者 vercel-labs

React と Next.js アプリは、ウォーターフォール、大きなバンドル、回避可能な再レンダリングによって速度が低下しがちです。このスキルは、エージェントがより安全にパフォーマンス重視の変更を行うための具体的なルールを提供します。

コーディング＆開発表示

tamagui-best-practices

自分のエージェントでインストール

エージェントが読めるリソース

テストする

セキュリティ監査

リスク要因

レポートリンクをコピー

Markdownバッジ

HTMLバッジ

埋め込みカード

APA形式の引用

BibTeX形式の引用

CITATION.cff

Skillstore スコア

作成できるもの

Tamaguiプロジェクトを開始する

コンポーネントパターンをリファクタリングする

デザイントークンを標準化する

これらのプロンプトを試す

ベストプラクティス

回避

よくある質問

開発者情報

0xBigBoss のその他のスキル

playwright-best-practices

python-best-practices

go-best-practices

react-best-practices

canton-network-repos

zig-best-practices

関連スキル

vercel-react-view-transitions

react-email

vue-best-practices

vue-options-api-best-practices

senior-frontend

vercel-react-best-practices