grantchiu011101-tour-prototype-prototype-html-rule.ocm.json json {
"ocm": "1",
"id": "grantchiu011101-tour-prototype-prototype-html-rule",
"kind": "skill",
"name": "prototype-html",
"description": "本项目的高保真原型页面为 [prototype.html](mdc:prototype.html)。",
"publisher": "grantchiu011101",
"version": "1.0.0",
"capabilities": {
"domains": [
"general"
],
"tags": [
"skill-md",
"github-cursor-rules"
],
"languages": [
"en"
]
},
"quality_prior": 0.6,
"examples": [
"本项目的高保真原型页面为 [prototype.html](mdc:prototype.html)。"
],
"primary": false,
"metadata": {
"source": {
"provider": "github-cursor-rules",
"repository": "https://github.com/grantchiu011101/tour-prototype",
"path": ".cursor/rules/prototype-html.mdc",
"ref": "0ed86e64633549bbc1a5af00c4e686e9163266f8",
"url": "https://github.com/grantchiu011101/tour-prototype/blob/0ed86e64633549bbc1a5af00c4e686e9163266f8/.cursor/rules/prototype-html.mdc",
"key": "grantchiu011101/tour-prototype/.cursor/rules/prototype-html.mdc"
}
},
"instructions": "# 旅游音频导览App原型页面规则\n\n本项目的高保真原型页面为 [prototype.html](mdc:prototype.html)。\n\n## 用途\n- 该页面用于展示旅游App的高保真原型，包含首页、景点详情、个人中心、设置、搜索五大核心界面。\n- 适配iPhone 15 Pro，UI风格现代，便于后续开发和产品演示。\n\n## 结构说明\n- 所有页面内容均在一个HTML文件中，通过JS切换Tab实现页面切换。\n- 使用Tailwind CSS和FontAwesome进行样式和图标渲染。\n- 顶部和底部导航栏为可复用组件，页面内容区根据Tab切换显示。\n- 包含图片滑动、音频播放、收藏、下载、分享等交互动画。\n\n## 开发注意事项\n- 如需扩展页面或功能，可在[prototype.html](mdc:prototype.html)中新增Tab页面或完善现有内容。\n- 拆分为多页面开发时，可将各Tab内容单独抽离为组件或页面。\n- 资源图片可替换为本地或其他CDN资源，音频播放模块可对接实际音频文件。\n- 保持最大宽度390px，确保移动端体验。",
"cost": {
"context_tokens": 120
}
}
