SoundScape AI - 项目规则与开发指南
Defines project rules for an English-language ambient sound website targeting A Soft Murmur users, with UI language and tech stack constraints.
What this file does
Defines project rules for an English-language ambient sound website targeting A Soft Murmur users, with UI language and tech stack constraints.
When to use it
- Building a Next.js ambient sound app with English-only UI
- Competing against A Soft Murmur or similar white noise generators
- Setting up a freemium audio site with SEO for overseas traffic
- Establishing team conventions for bilingual code comments and English UI
Assumes this stack
SoundScape AI - 项目规则与开发指南
🌍 核心原则:海外市场定位
这是一个面向海外市场的环境音效网站,目标是与 A Soft Murmur 竞争。
📝 语言与内容规则
🌍 用户界面内容(纯英文)
- 所有用户可见的文字必须使用地道英文
- UI组件、标签、用户消息中严禁出现中文
- 使用专业、自然的英文文案
- 目标受众:英语母语用户(美国、英国、加拿大、澳大利亚市场)
🔧 开发沟通(中文可以)
- 代码注释可以使用中文,便于内部团队沟通
- 开发者之间的对话可以用中文
- 错误日志和调试信息可以用中文
- 开发者文档可以双语或中文
📋 明确区分
- 前端/UI = 英文(用户看到的)
- 后端/代码 = 中文可以(开发者看到的)
🎯 目标受众
- 主要用户: 寻求专注/放松音效的英语用户
- 人群特征: 远程工作者、学生、冥想练习者
- 竞争对手: A Soft Murmur、MyNoise.net、Noisli
🛠️ 技术栈
- 前端: Next.js 14 + TypeScript + Tailwind CSS
- 音频: Howler.js 音频管理
- 图标: Lucide React
- 部署: 静态导出,便于托管
🎨 设计原则
- 现代、简洁的UI,超越 A Soft Murmur
- 基于渐变的色彩方案
- 响应式设计(移动端优先)
- 专业外观,吸引付费用户
🚀 开发优先级
- 第一阶段: 完成前端,配备智能关键词匹配
- 第二阶段: 真实AI集成(OpenAI/Claude API)
- 第三阶段: 高级功能(分享、预设、分析)
📁 音频资源
- 格式:
/public/sounds/目录下的 MP3/mp4/wav 文件 - 命名: kebab-case 格式(rain.mp3, white-noise.mp3)
- 质量: 高质量、可循环的环境音效
🎵 音效分类
- 自然音效: 雨声、雷声、风声、鸟鸣、蟋蟀、海浪
- 城市音效: 咖啡厅、键盘敲击、白噪音
- 火焰音效: 壁炉噼啪声
💰 盈利策略
- 免费增值模式: 基础音效免费,高级功能付费
- 目标关键词: "white noise generator"、"ambient sounds"、"focus sounds"
- SEO优化: 针对海外流量获取进行优化
🔧 代码标准
- TypeScript严格模式: false(便于快速开发)
- 组件结构: 使用 hooks 的函数式组件
- 状态管理: React hooks + localStorage 持久化
- 错误处理: 音频加载的优雅降级
- 注释: 中文可以,便于团队理解
- 控制台日志: 中文可以,便于调试
📊 成功指标
- 流量目标: 获取 A Soft Murmur 月访问量 31.5万 的显著份额
- 用户参与度: 会话时长、回访率
- 转化率: 免费到付费的升级率
牢记:每个功能都应该比 A Soft Murmur 更优秀,以证明用户切换的合理性
What's inside
14 sections covering language rules, tech stack, design, audio resources, monetization, and code standards.
Change this for your project
- Replace
Alen-guo/SoundScape-AIwith your own repository name - Replace
/public/sounds/with your own audio directory path - Replace
A Soft Murmurwith your actual competitor name - Replace
31.5万with your own traffic target
Where it goes
Keep it in your repository where the agent or team that needs it will read it.
Related Documents
dbt Core
Defines a complete dbt project setup with layered architecture, SQL style, Jinja best practices, and CI/CD workflow guidance.
HarmonyOS 主题与样式 - Cursor Rules
Defines HarmonyOS theming rules for dark/light mode, page brightness, and screen-on control with code examples.
Cursor Development Environment
Documents a Docker-based dev container setup with test commands and OpenClaw agent configuration for the ClawDrive project.
Journey from Concept to Code: Transforming Cursor into a Devin-like AI Assistant
Documents the creation of aicode.cursorrules, a set of rules that turns Cursor/Windsurf into a Devin-like AI assistant with automated planning and self-evolution.