interface
Uniswap官方前端界面源码，用于构建Web、移动钱包和浏览器扩展应用。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：interface。 它的用途是：Uniswap官方前端界面源码，用于构建Web、移动钱包和浏览器扩展应用。 完整的 Skill 内容见：https://321skill.com/skills/interface/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“我想研究Uniswap交易界面的具体实现，尤其是Token交换的交互逻辑。”，AI可以引导你查看仓库中相关的React组件和状态管理代码。或者
对AI说：“帮我按照这个仓库的README，在本地启动Uniswap的Web界面。”，AI会为你分解执行 `git clone`, `bun install`, `bun web start` 等步骤。
介绍
该仓库是Uniswap Labs官方公开的前端界面源代码，包含了Uniswap Web应用、移动钱包App和浏览器扩展钱包的核心实现。它解决了开发者无法直接参与或学习Uniswap官方前端界面开发的问题，提供了完整的、生产就绪的代码参考。
开发者可以通过克隆仓库、安装依赖并运行启动命令来在本地启动Web应用，或分别查看各子应用（Web、Mobile、Extension）的独立README来构建特定应用。这为深入理解Uniswap前端架构和功能实现提供了直接途径。
此仓库主要适合希望研究顶级DeFi应用前端实现、学习现代Web3技术栈（如React、TypeScript、Wagmi等），或有意为Uniswap生态系统贡献代码的前端和全栈开发者。对于想要基于Uniswap界面进行二次开发或教学演示的团队也有参考价值。
需要注意的是，这是Uniswap Labs在开发周期结束后同步的公开代码，并非实时开发分支。贡献流程需遵循其CONTRIBUTING指南，且主要开发在私有仓库进行。建议用户将其作为学习和参考的主要来源，而非直接用于生产环境部署。
核心特点
这是全球最大去中心化交易所（DEX）Uniswap的官方、完整且生产就绪的前端界面源码，而非第三方仿制品或简化版，提供了最权威的Web3前端工程实践参考。
注意事项
不适合希望直接修改并立即部署到uniswap.org生产环境的用户，因为主要开发在私有仓库进行，公开仓库代码存在同步延迟。
常见问题
如何本地运行Uniswap Web应用？
克隆仓库后，执行 `bun install` 安装依赖，然后运行 `bun web start` 即可启动本地开发服务器。
这个仓库包含移动App和扩展的代码吗？
包含，在 `apps/` 目录下分别有 `mobile` 和 `extension` 子目录，包含各自应用的独立代码和README。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/interface/raw/index.md 读取 interface 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/interface/raw/index.md（查看排版版本）