AI SummaryCursor Rules for mobile React development that provides project structure, tech stack guidance, and development standards for a React 18 + TypeScript mobile web application.
Install
Copy this and paste it into Claude Code, Cursor, or any AI assistant:
I want to add the "moblie — Cursor Rules" prompt rules to my project. Repository: https://github.com/ShrekYan/moblie Please read the repo to find the rules/prompt file, then: 1. Download it to the correct location (.cursorrules, .windsurfrules, .github/prompts/, or project root — based on the file type) 2. If there's an existing rules file, merge the new rules in rather than overwriting 3. Confirm what was added
Description
Cursor Rules for moblie
1. 项目概述
本项目是一个基于 React 18 + TypeScript 的现代化移动端 Web 应用，采用 Vite 作为构建工具，集成了丰富的前端技术栈，具备良好的可维护性和扩展性。
核心技术
• 框架: React 18.3.1 + TypeScript 5.5.3 • 构建工具: Vite 6.0.5 • 状态管理: MobX 6.13.5 + MobX React 9.1.1 • 路由: React Router DOM 6.27.0 + react-activation • UI 组件库: Ant Design Mobile 5.38.1 • 样式: Sass 1.79.6 + PostCSS
功能技术
• 网络请求: Axios 1.7.7 • 表单处理: React Hook Form 7.54.2 + Zod 3.24.2 • 动画: react-spring 9.7.5 + motion 12.0.1 • 工具库: dayjs、crypto-js、qrcode、html2canvas 等 • 数据可视化: ECharts 5.6.0
3. 项目结构
` src/ ├── api/ # API 接口定义 │ ├── config/ # API 配置 │ └── product/ # 业务模块 API ├── assets/ # 静态资源 │ ├── css/ # 全局样式 │ └── images/ # 图片资源 ├── business/ # 业务逻辑 │ ├── channel/ # 渠道相关 │ ├── hooks/ # 业务 Hook │ └── order/ # 订单相关 ├── components/ # 组件 │ ├── business/ # 业务组件 │ ├── common/ # 通用组件 │ └── ui/ # UI 组件 ├── core-tools/ # 核心工具 │ ├── http/ # HTTP 工具 │ ├── jsBridge/ # JSBridge │ └── sdk/ # SDK 集成 ├── pages/ # 页面组件 ├── routes/ # 路由配置 ├── types/ # TypeScript 类型定义 ├── utils/ # 工具函数 ├── App.tsx # 应用入口组件 ├── main.tsx # 应用入口文件 └── styles.css # 全局样式 `
Discussion
Health Signals
My Fox Den
Community Rating
Sign in to rate this booster
Works With
Any AI assistant that accepts custom rules or system prompts