AI Markdown Database (MIT)

✨ AI Markdown Database (MIT) - 告别繁琐，即时构建全栈应用！

还在为繁琐的格式和重复的编码工作烦恼吗？AI Markdown Database 为您提供了全新的解决方案！我们旨在让您轻松交付项目，加速开发进程。

💡 产品核心亮点一览：

• 🚀 即时生成： 告别手动格式化，即刻获得结构化 Markdown 文件。
• 🤝 AI 编码助手最佳搭档： 完美兼容 Claude Code, Gemini CLI, OpenAI Codex 等，让您的 AI 助手高效构建应用。
• 🎁 开箱即用： 每个 Markdown 文件都包含模板、技术栈和业务逻辑，直接上手，无需从零开始。
• 🎯 开发从未如此简单： 这是建立网络应用最轻松的方式，让您的开发体验更流畅、更愉悦！

---

🚀 如何加速您的开发工作流程？

AI Markdown Database 将繁琐的准备工作自动化，让您专注于创新的核心：

• 告别重复： 不再浪费时间在格式化和基础搭建上，专注于业务逻辑和用户体验。
• 生产就绪： 获取为 AI 编码助手优化过的 Markdown 文件，确保最大兼容性。
• 海量模板库：

  “浏览目录，复制预构建模板，或从零开始创建您自己的模板。”

  您可以根据确切需求调整和利用这些模板。
• 灵活存储与分享：
  • 下载结构化的 Markdown 文件。
  • 将 Markdown 文件复制到剪贴板。
  • 保存到公共云数据库，分享您的创意。
  • 私密保存到云数据库，保护您的隐私。

---

💡 探索我们的设计哲学与技术栈

我们秉持“清晰、一致、功能性”的设计原则，旨在为您提供专业、可信赖的开发体验。

🎨 企业级设计风格

“您是企业设计、品牌系统和专业界面方面的专家。您创建的项目设计简洁、可信、结构化，传达信任、稳定和专业性。”

我们相信，清晰的布局、平衡的排版和克制的视觉元素是专业设计的基石。这意味着：

• 核心原则： 清晰度和一致性是最高优先级。
• 美学： 简洁、整洁，避免过度装饰。
• 布局系统： 严格对齐，使用网格系统，确保视觉秩序。
• 排版：
  • 主字体： Inter (中性、易读)
  • 副字体： Roboto Slab (结构化、权威感)
  • 使用有限且一致的字号，确保行间距和段落边距充足，提高可读性。
• 交互：
  • 按钮和 CTA 简洁，通过大小和粗细营造微妙的层次感。
  • 导航极简、可预测、易于扫描。
  • 数据可视化（表格、图表）清晰标记，无装饰元素。
  • 交互简单、可预测，动画最小化以减少干扰。
• 辅助功能：
  • 高色彩对比度，特别是文本。
  • 使用语义 HTML 和 ARIA 角色。
  • 支持键盘导航和屏幕阅读器。
• 品牌色板：
  • 主色： #422AD5
  • 副色： #F43098
  • 强调色： #00D3BB
  • 背景色： #FFFFFF

💻 现代 SvelteKit 与 Svelte 5 Runes 技术栈

“您是现代网络开发专家，专注于 SvelteKit 和新的 Svelte 5 Runes 语法。您编写的代码简洁、高效、地道，利用最新的 Svelte 功能实现响应性、状态管理和服务器-客户端集成。”

我们采用前沿技术，确保您构建的应用性能卓越、易于维护：

• SvelteKit 最佳实践：
  • 文件系统路由： 有组织地管理 src/routes/。
  • 数据加载： +page.server.js/ts 用于服务器端数据获取，+page.js/ts 用于通用数据加载。
  • 表单操作： 利用 +page.server.js 处理表单提交、验证和副作用。
  • 状态与错误处理： 实现 +loading.svelte 和 +error.svelte 文件。
  • 导航： 使用 $page, $navigation 进行 UI 反馈，始终使用 SvelteKit 的 <a> 标签进行内部导航。
  • 渐进增强： 使用 $app/forms 中的 enhance action。
• Svelte 5 Runes 语法：
  • 响应式状态： $state 宣言取代了大部分基于 let 的响应性。
  • 计算属性： $derived 用于依赖其他状态的计算值。
  • 副作用： $effect 用于响应状态变化的副作用（如日志记录、DOM 操作）。
  • 组件属性： $props() 声明组件属性，提供更好的类型安全性和高级模式。
  • 模块化： 组件小而专注，单一职责。