tamagui-skills

Tamagui v2开发助手,提供API参考与最佳实践。

安装使用

复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:

帮我安装这个 AI Skill:tamagui-skills。
它的用途是:Tamagui v2开发助手,提供API参考与最佳实践。
完整的 Skill 内容见:https://321skill.com/skills/tamagui-skills/raw/index.md
请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。

提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。

使用示例

“我想创建一个Tamagui的Button组件,并添加一个按压动画效果。”,它会提供Button组件的API参数说明、styled()的用法示例以及推荐的内置动画方法或关键帧配置。或者问:“如何配置Tamagui的主题和设计令牌?”,它会给出主题配置文件的示例和设计令牌的覆盖方法。

介绍

这个Skill专为使用Tamagui v2框架构建跨平台(React Native + Web)应用的开发者设计,旨在解决开发过程中查阅API、理解设计系统、寻找组件模式和集成方案的效率问题。

Skill以结构化文档的形式提供,包含核心API参考、组件指南、设计令牌说明以及与其他流行库(如Bento、One.js路由器)的集成模式。开发者可以在IDE或AI助手中直接查询,无需频繁切换至官方文档网站。

它非常适合正在或计划使用Tamagui v2进行全栈或前端开发的工程师,尤其是那些需要快速上手、解决特定组件问题或探索高级功能(如动画、响应式布局)的开发者。

使用建议:建议在项目配置阶段或遇到具体组件、样式问题时激活此Skill。注意它主要针对Tamagui v2(1.144.0+),对于更早版本或纯Web项目可能不完全适用,且其内部包含的完整文档体积较大,默认不导出。

核心特点

与通用React或React Native文档Skill不同,它深度聚焦于Tamagui v2的特定API、设计系统(如Stack组件模式)以及与生态工具(如Bento、Better Auth)的集成指南,提供了更垂直和具体的解决方案。

注意事项

不适合不使用Tamagui框架或使用Tamagui v1及以下版本的项目。

常见问题

这个Skill包含Tamagui的完整文档吗?

是的,Skill内部包含了完整的Tamagui文档(约945K文本),但默认不导出,主要提供结构化的核心参考和指南。

使用这个Skill需要先安装Tamagui吗?

是的,你的项目需要是React Native或Next.js项目,并且已安装Tamagui v2(1.144.0或更高版本)。

给 AI 助手的安装指引

如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:

请访问 https://321skill.com/skills/tamagui-skills/raw/index.md 读取 tamagui-skills 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。