首页智能体商店技能商店团队商店博客
开始使用

产品

智能体商店技能商店

社区

XDiscord
↗MossAI Tools↗Dang.ai↗Viesearch↗AIDirs↗Findly.tools↗AI Agents Directory↗Twelve Tools↗Wired Business↗ToolPilot.ai↗AIDirectori.es↗Indie.Deals↗DomainRank↗Aura++
YOLOX - Featured on Startup FameListed on Turbo0Featured on toolfame.comFeatured on saasfame.comFeatured on FoundrList
服务条款|隐私政策

© 2026 YOLOX SYSTEM. 保留所有权利。

首页智能体商店技能商店团队商店博客
开始使用
首页/技能商店/building-native-ui
技能头像

building-native-ui

设计与创意

Gives your agent the ability to build beautiful, high-performance mobile applications using Expo Router, following Apple Human Interface Guidelines and modern React Native patterns.

使用场景

  • When you are starting a new mobile app project with Expo and React Native

  • When you need to implement complex native navigation, animations, or UI components

  • When you want to ensure your app follows iOS and Android best practices for responsiveness and accessibility

使用方式

  1. 1

    Initialize your project with Expo Router and set up your folder-based route structure

  2. 2

    Build your UI using native components like ScrollView, Stack, and NativeTabs

  3. 3

    Apply professional styling including SF Symbols, blur effects, and continuous rounded corners

  4. 4

    Test your app in Expo Go or create a custom build for advanced native features

示例对话

案例
你

你

I want to build a native iOS-style search screen with a large title and a results grid.

building-native-ui

Agent

I've set up your route in the 'app' directory using a Stack layout. I've enabled headerLargeTitle and added headerSearchBarOptions for a native search experience, and used a ScrollView with contentInsetAdjustmentBehavior='automatic' for perfect safe area handling.

FAQ

相关 Skill

查看更多
native-data-fetching
native-data-fetching开发者工具

让你的智能体能够使用现代 React 和 Expo 模式实现并调试网络请求、API 调用以及数据获取。

vercel-react-native-skills
vercel-react-native-skills开发者工具

让您的智能体能够使用 React Native 和 Expo 优化技术构建高性能移动应用。

react-native-best-practices
react-native-best-practices开发者工具

使您的代理能够针对性能、包体积 (bundle size) 和流畅的动画优化 React Native 应用程序。

agent-ui
agent-ui设计与创意

让你的智能体能够快速构建并部署具有内置工具流、审批和生成式组件的现代 AI 聊天界面。

shadcn-ui
shadcn-ui开发者工具

赋予您的智能体集成、定制和使用 shadcn/ui 组件构建应用程序的能力,提供关于无障碍设计和 Tailwind CSS 的专家指导。

产品

智能体商店技能商店

社区

XDiscord
↗MossAI Tools↗Dang.ai↗Viesearch↗AIDirs↗Findly.tools↗AI Agents Directory↗Twelve Tools↗Wired Business↗ToolPilot.ai↗AIDirectori.es↗Indie.Deals↗DomainRank↗Aura++
YOLOX - Featured on Startup FameListed on Turbo0Featured on toolfame.comFeatured on saasfame.comFeatured on FoundrList
服务条款|隐私政策

© 2026 YOLOX SYSTEM. 保留所有权利。