AI导哈

AI移动开发技能集

为AI编程助手（如Claude Code）设计的技能集合，用于使用Expo和gluestack-ui构建高质量的移动应用程序。

  • by Shasikhan
  • 本地部署
  • 1 星标
  • 更新于
在 GitHub 查看 Shasikhan/expo-gluestack-skills

使用说明

Expo胶水堆叠剂技能

一组 代理技能 旨在增强人工智能编码助手（如Claude Code）的能力，以构建高质量的移动应用程序 博览会 和 胶架ui.

这些技能为您的AI代理提供了有关现代React Native最佳实践、组件使用和架构模式的深入背景，确保它生成的代码是生产就绪、可访问和美观的。

关键词：Expo、React Native、gluestack ui、AI代理技能、Claude代码插件、移动开发、TypeScript、Zustand、TanStack查询、MCP、代理工作流。

🚀 特性

  • 项目设置：使用TypeScript初始化Expo应用程序的最佳实践。
  • 胶水堆叠UI掌握：正确使用 Box, VStack, HStack，以及主题化标记。
  • 现代堆栈集成:
    • 状态状态 & TanStack Query
    • 表单：React钩子形式+Zod
    • 图标：Lucide图标
    • 导航：世博路由器
  • 工作流程护栏：逐步实施屏幕和功能的清单。

📦 安装

您可以将此插件直接安装到Claude Code中。

先决条件

确保你有 克劳德代码 安装并验证。

从GitHub安装

  1. 添加插件源:

    /plugin marketplace add Shasikhan/expo-gluestack-skills

  2. 安装技能:

    /plugin install expo-gluestack-skills

💡 用法

安装后，这些技能将自动提供给您的代理。您还可以明确地引用它们或要求代理“采用expo-gluestack角色”。

示例提示：

  • “使用gluestack ui组件创建新的登录屏幕。”
  • “根据技能指南，重构此表单以使用React Hook form和Zod。”
  • “用推荐的堆栈建立一个新的世博会项目。”

🔗 相关资源

该技能集旨在与其他社区标准协同工作：

🤝 贡献

欢迎投稿！请提交Pull Request以添加新模式、修复问题或更新组件使用情况。

  1. 分叉存储库
  2. 创建功能分支(git checkout -b feature/amazing-skill)
  3. 提交您的更改(git commit -m 'Add some amazing skill')
  4. 推到分支(git push origin feature/amazing-skill)
  5. 打开拉取请求

相关 MCP