agent-skills
为AI Agent提供Expo玻璃UI实现与设计审计的专项技能模块。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：agent-skills。 它的用途是：为AI Agent提供Expo玻璃UI实现与设计审计的专项技能模块。 完整的 Skill 内容见：https://321skill.com/skills/agent-skills-devanshudesai/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“我想在首页添加一个浮动的玻璃质感工具栏。”，它会调用`expo-liquid-glass`技能，为你生成兼容的代码，并考虑运行时检查和无障碍访问性。或者说：“帮我审计一下这个购物车页面的设计。”，它会启动`design-audit`协议，从15个维度分析页面并提出具体的优化建议。
介绍
该技能仓库为AI Agent提供了两个核心模块，旨在解决移动应用开发中的特定界面实现与设计质量保障问题。
第一个模块专注于在Expo React Native项目中实现苹果风格的“液态玻璃”UI效果。它提供了从设计原则到具体代码实现的完整路径，包括四种不同的技术方案、运行时兼容性检查、降级方案以及无障碍访问性检查，帮助开发者轻松构建具有高级质感和原生体验的玻璃态界面组件。
第二个模块是一个结构化的UI/UX设计审计协议。它借鉴了史蒂夫·乔布斯和乔尼·艾维的设计哲学，提供了一套包含15个维度的详细审计框架，用于系统性地评估应用的视觉层次、间距、排版、色彩、动效等，并生成分阶段的改进计划，帮助团队提升产品的视觉品质和用户体验。
该技能主要面向使用Expo框架的React Native开发者、UI/UX设计师以及追求产品设计细节与品质的团队。当需要快速实现复杂的玻璃材质效果，或需要对现有应用界面进行系统性、有理论支撑的设计审查与优化时，这个技能尤为有用。
与市面上其他零散的UI库或设计检查清单不同，本技能将具体的实现技术与高层次的设计审计方法论深度结合，为AI Agent提供了从“具体怎么做”到“如何评判好坏”的闭环能力，使其不仅能生成代码，还能基于经典设计原则提供专业的评估和改进建议。
核心特点
核心区别在于将具体的Expo玻璃UI实现技术与一套受苹果设计哲学启发的、结构化的设计审计方法论深度捆绑，使AI Agent不仅能生成实现代码，还能基于权威设计原则进行专业评估和提供改进路线图。
注意事项
主要适用于Expo React Native生态，对于使用其他跨平台框架（如Flutter）或原生开发的项目，其实现部分的直接参考价值有限。
常见问题
这个技能能帮我实现iOS风格的毛玻璃效果吗？
可以，`expo-liquid-glass`模块专门用于在Expo项目中设计和实现类似iOS的液态玻璃、磨砂玻璃等透明质感UI。
设计审计技能具体检查哪些方面？
`design-audit`模块会系统检查视觉层次、间距、排版、色彩、动效等15个设计维度，并提供基于乔布斯和艾维设计哲学的改进建议。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/agent-skills-devanshudesai/raw/index.md 读取 agent-skills 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/agent-skills-devanshudesai/raw/index.md（查看排版版本）