介绍

这是什么

skiyee/ui 是一个由 原子化CSS驱动、符合直觉设计、高度定制化、面向AI时代 的移动端 UI 库，助力开发者打造独特且差异化的移动端应用程序

创造动机

从步入前端开始，我们就少不了与各种组件库打交道。不可否认，在传统业务场景中，组件库确实能显著提升开发效率。然而，随着设计审美的演进和技术的发展，传统组件库在高定制化需求面前已显得力不从心。

有痛点就会有新的解决方案，以 TailwindCSS 为代表的CSS变革产物，其通过 Atomic CSS 的设计理念为我们开启了样式编写的新范式。Atomic CSS 与 Headless UI 的组合拳，直击了传统UI库在定制灵活性方面的痛点。

但这是完美的解决方案吗？

事实并非如此。Headless UI 完全无样式的特性，使得某些组件的配置过程异常繁琐，不仅增加了学习曲线，也使得开发者难以在短期内建立完整的心智模型。

正是基于这些痛点，skiyee/ui 应运而生，我们在传统UI库的便利性与原子化UI库的灵活性之间寻找完美的平衡：

• 保持开箱即用的便捷性
• 提供强大的定制化能力
• 显著提升开发者体验(DX)

这不仅是一次组件库的革新，更是对传统方案的挑战与突破，同时也是对新兴方案的优化与完善。

设计哲学

平衡的艺术

传统便利性 × 原子化灵活性 在保留组件库开箱即用的优势同时，由内置的工具赋能实现了组件外观和行为的精准控制。不同于传统/无头UI库的"全有或全无"，我们采用独立样式化、可注入、可覆盖的设计策略，让开发者可以按需深入定制。

心智模型一致性

可预测 > 可配置 每个组件都遵循统一的配置范式，基础形态默认符合主流设计规范，通过标准化API暴露定制接口，关键样式变量支持动态覆盖，这种分层设计显著降低了学习曲线，使开发者能快速建立准确的操作预期。

面向未来设计

AI友好架构 渐进式的文档设计，清晰的分片式示例，使LLM能够清晰识别并标记。既能被人类开发者高效使用，也完美适配AI生成场景代码

贡献共建

每一个项目的发展离不开社区的参与和支持。我们诚挚地邀请每一位开发者共同参与到项目的演进中来：

• 提出功能需求与改进建议
• 反馈使用中的问题与异常
• 分享基于 skiyee/ui 的优秀实践案例

共同打造活跃的技术社区，共建新兴方案的前端组件生态，塑造更美好的开发体验，期待您的参与，与 skiyee/ui 一起成长！