Expo 设计系统

原名：expo-design-system

建立颜色、间距、字体、圆角、动效和组件变体的一致规则。

中文 Skills 技能说明

适合多个页面风格漂移、硬编码样式过多或需要复用组件的 Expo 项目。技能会沿用项目现有技术栈，先审计再提取可复用规则；不会为了套模板大规模重构，视觉结果仍应经过真实设备和无障碍检查。

上游能力依据

上游原始适用说明：Framework (OSS). Build and maintain a design system inside an Expo app - a reusable theme of design tokens (color, spacing, typography, radius, shadow, motion), reusable component structure with variant/size/state prop conventions, and rules for when to extract a repeated view into a shared component. Use when creating or organizing theme files and design tokens (theme.ts / theme/), extending an existing theme or styling library (NativeWind, Tamagui, Restyle, Unistyles) in its own idiom, standardizing styles so screens (including AI-generated ones) look consistent and polished, building an in-app component library, or auditing an app for design-system drift (hardcoded colors, spacing, fonts). For platform styling specifics (semantic colors, HIG rules, native controls) use expo-native-ui; for Tailwind/CSS setup use expo-tailwind-setup; for folder layout of a new app use expo-project-structure.

上游 SKILL.md 主要章节（保留原文标题）：

• References
• Adopt Before You Build
• The Theme
• Colors
• Spacing
• Typography
• Radius
• Shadows
• Motion
• Reusable Components

使用边界

先核对上游说明、依赖、输入资料和所需权限。涉及写入、删除、发布、支付或外部发送时，必须在执行前人工确认。

作者、翻译与许可证

原作者

650 Industries, Inc.（Expo）与 expo/skills contributors

中文翻译

CEOFans翻译

许可证

MIT

上游来源

https://github.com/expo/skills/tree/50f59f837ddb7595d8c6683c693207e265d58c43/plugins/expo/skills/expo-design-system

适用范围

平台：linux、macos、windows；标签：设计与前端、Expo 设计系统

安全提示

基础静态扫描不等于绝对安全。技能可能调用命令、浏览器、云服务或本地文件，请在最小权限环境中使用，高风险操作必须人工确认。

如发现侵权、许可证或安全问题，可在本页前台提交投诉，管理员复核后可立即下架。