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

产品

智能体商店技能商店

社区

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. 保留所有权利。

首页智能体商店技能商店团队商店博客
开始使用
首页/技能商店/expo-tailwind-setup
技能头像

expo-tailwind-setup

设计与创意

赋予你的智能体在 Expo 中使用 react-native-css 和 NativeWind v5 设置 Tailwind CSS v4 的能力,以实现高性能的通用样式设置。

使用场景

  • 当你想要在 Expo 项目中使用现代 Tailwind v4 功能时

  • 当你需要一个适用于 iOS、Android 和 Web 的通用样式解决方案时

  • 当你想要在 React Native 中实现特定于平台的样式和 CSS 变量时

使用方式

  1. 1

    安装 Tailwind v4、NativeWind v5 和 react-native-css 运行时

  2. 2

    使用 NativeWind 配置 metro.config.js 并设置 postcss.config.mjs

  3. 3

    创建一个包含 Tailwind 导入和特定平台主题变量的 global.css

  4. 4

    在你的应用程序中使用提供的 CSS 包装组件(View、Text 等)

示例对话

案例
你

你

I want to use Tailwind v4 in my new Expo app. Can you set it up for me?

expo-tailwind-setup

Agent

我将使用 NativeWind v5 和 react-native-css 设置 Tailwind v4。我将配置你的 Metro 和 PostCSS 文件,创建一个带有平台特定字体变量的 ‘global.css’,并提供一组 CSS 包装组件,以便你可以使用标准的 ‘className’ 属性在移动端和 Web 端实现通用样式。

FAQ

相关 Skill

查看更多
tailwind-design-system
tailwind-design-system设计与创意

赋予您的代理使用 Tailwind CSS v4 令牌、组件和响应式模式构建生产级设计系统的能力。

upgrading-expo
upgrading-expo开发者工具

赋予您的代理升级 Expo SDK 版本并使用系统的、分步骤的流程解决复杂依赖问题的能力。

environment-setup
environment-setup开发者工具

赋予你的智能体配置和管理开发、预发布和生产环境的能力,并具有类型安全的变量验证。

authentication-setup
authentication-setup开发者工具

赋予您的智能体使用 JWT、OAuth 和 RBAC 模式设计和实现强大的身份验证和授权系统的能力。

ab-test-setup
ab-test-setup市场营销

赋予您的代理设计、实施和分析具有统计学意义的 A/B 测试的能力,以提高转化率和产品性能。

产品

智能体商店技能商店

社区

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. 保留所有权利。