技能 tamagui-best-practices
📦

tamagui-best-practices

內容修訂 r1 安全 🔑 環境變數⚙️ 外部命令🌐 網路存取

打造更好的 Tamagui 介面

Tamagui 專案可能會遇到 token 不一致、元件緩慢，以及無障礙模式不足的問題。此技能提供實用的 v1 指引，涵蓋 config、compiler 最佳化、表單、overlay、動畫與 theme。

支援: Claude Codex Code(CC)
Maintain this Skill? Claim it 🥉 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.

你的智慧代理仍應顯示其計畫，並依安全政策請求必要確認。

Agent 可讀資源

當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時，請使用這些連結。

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 card 元件。

預期結果:

說明動態 style props 可能阻礙 compiler flattening，建議使用 variants，檢查 prop order，並列出無障礙檢查項目。

正在使用「tamagui-best-practices」。 規劃一個可在 web 與觸控裝置上運作的 select control。

預期結果:

建議使用 Tamagui Select 搭配 Adapt 與 Sheet 支援觸控，並提供 labels、error text 與 z-index 指引。

正在使用「tamagui-best-practices」。 為跨平台產品介面建立 theme 指引。

預期結果:

回傳與 Tamagui config v4 對齊的 palette、token、font、spacing 與 responsive 建議。

安全審計

安全
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.

7
已掃描檔案
2,146
分析行數
0
複核項目
0
已忽略的誤報

風險因素

🔑 環境變數 (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)
DESIGN_SYSTEM.md:209-214 OVERLAY_PATTERNS.md:407-419 OVERLAY_PATTERNS.md:419-452 SKILL.md:23 SKILL.md:25-37 SKILL.md:37-39 SKILL.md:39 SKILL.md:43-44 SKILL.md:44-45 SKILL.md:45-47 SKILL.md:47-57 SKILL.md:57-61 SKILL.md:61-63 SKILL.md:63 SKILL.md:68-71 SKILL.md:71-74 SKILL.md:74-77 SKILL.md:77-79 SKILL.md:79-80 SKILL.md:80-84 SKILL.md:84-86 SKILL.md:86-87 SKILL.md:87-89 SKILL.md:89-91 SKILL.md:91 SKILL.md:95 SKILL.md:99 SKILL.md:101 SKILL.md:103 SKILL.md:105 SKILL.md:109-112
🌐 網路存取 (2)
SKILL.md:110 SKILL.md:111
最近一次完成的靜態與語意稽核未偵測到已確認的安全發現。這並不能證明該 Skill 沒有副作用。
審計單位: 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 評分

評分依據 證據置信度: 高
55
架構
85
可維護性
87
內容
75
社群
83
規範符合度

你可以打造什麼

啟動 Tamagui 專案

在建構共享元件之前，設定 config v4、核心 token、compiler options 與 import 選擇。

重構元件模式

以 styled variants、token props 與能保留覆寫能力的 wrapper patterns，取代脆弱的 inline styles。

標準化設計 Token

為跨平台設計系統建立一致的 palettes、typography、spacing、themes 與 responsive values。

試試這些提示

檢查我的設定 
檢查我的 Tamagui 專案設定，包括 config v4、package imports 與基本 token 使用方式。指出缺漏或有風險的選擇。
改善元件 
檢查這個 Tamagui 元件，並建議可改善 compiler flattening、prop override 行為與 token 一致性的變更。
檢查表單與 Overlays 
稽核我的 Tamagui form、dialog、sheet 與 select 模式，檢查無障礙、驗證、行動裝置適配與狀態處理。
設計可擴展的系統 
為 themes、palettes、fonts、variants、animations 與適合 compiler 的元件架構，設計一份 Tamagui v1 設計系統計畫。

最佳實務

  • 在變更表單、overlays、animations、compiler behavior 或 design tokens 之前，先閱讀聚焦的參考檔案。
  • 對於可重用元件，優先使用 styled variants 與 Tamagui tokens，而非動態 inline styles。
  • 使用 Adapt、labels、validation libraries 與明確的 state handling，建立具無障礙性的表單與 overlays。

避免

  • 將 React Native StyleSheet values 與 Tamagui tokens 混用。
  • 針對 dialogs 或 sheets 依 Platform.OS 分支處理，而不是使用 Adapt。
  • 建立未型別化的 variants，或使用會阻止呼叫端覆寫的 spread order。

常見問題

此技能針對哪個 Tamagui 版本？
它針對 Tamagui v1.x 模式，包含 config v4 指引與相關 compiler behavior。
它能撰寫完整元件嗎？
可以，它能指導元件結構與範例，但仍應透過專案測試驗證行為。
它涵蓋無障礙嗎？
有，它包含 label matching、dialog behavior、overlay adaptation、validation 與 error state 指引。
它需要網路存取嗎？
不需要。只有在你選擇擷取目前的 Tamagui 文件時，才需要網路存取。
Claude、Codex 與 Claude Code 可以使用此技能嗎？
可以。報告標示支援 Claude、Codex 與 Claude Code。
哪些專案最能受益？
使用 Tamagui 建立共享跨平台 UI 的 React、React Native、Expo 與 web 專案最能受益。

開發者詳細資訊

作者

0xBigBoss

授權

MIT

Skillstore 修訂

r1

版本提示

作者未聲明版本。

儲存庫

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

引用

26421118b848d9f1efc0aa169d8a7a9e7e0a877e

維護新鮮度

2026/7/18

使用量

28 次下載 · 552 次瀏覽

檔案結構

📄 ANIMATION_PATTERNS.md

📄 COMPILER_PATTERNS.md

📄 DESIGN_SYSTEM.md

📄 DIALOG_PATTERNS.md

📄 FORM_PATTERNS.md

📄 OVERLAY_PATTERNS.md

📄 SKILL.md

0xBigBoss 的更多技能

查看全部

相關技能

查看全部