Skip to content

Jonykit/dev-easy-skill

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Dev Easy

面向大众的网站实现Skill,通过 7 阶段对话式工作流,从想法到上线全覆盖。


功能亮点

🎯 适用人群全覆盖

用户类型 技术水平 使用方式 推荐方案
零代码小白 完全不懂编程 自然语言对话,AI 全程引导 EdgeOne Pages 一键部署
初级开发者 了解基础概念 对话 + 代码学习 EdgeOne Pages / 轻量服务器
中级开发者 有项目经验 自定义技术栈 轻量服务器 / 两者结合
高级全栈 专业开发者 完全控制,深度定制 两者结合,灵活架构

🚀 核心特性

特性 说明
全栈覆盖 从零代码小白到高级全栈开发者,智能适配不同技术水平
7 阶段工作流 需求澄清 → 设计打包 → 后端开发 → 前端开发 → 集成测试 → 交付文档 → 部署上线
专业级设计 完整设计系统 + 动效 + 审查机制,产出专业级 UI
智能推荐 根据用户技术背景、开发习惯、项目复杂度,智能推荐最佳方案
质量门禁 每个阶段内置质量检查点,确保交付物可验证
记忆系统 项目记忆文档 + 进度追踪,支持断点续做

🎯 解决的痛点

  1. 不懂代码也能做产品:零代码用户通过对话即可完成全栈应用开发
  2. 想法到上线的完整链路:从需求澄清到部署上线,一站式解决
  3. 界面不好看:提供专业级设计系统,解决 UI 设计难题
  4. 不懂设计规范:内置完整设计指南,从配色到动效全覆盖
  5. 技术选型不再困难:AI 根据用户背景智能推荐最佳方案
  6. 质量有保障:每个阶段都有质量门禁,避免返工

💡 技术亮点

  • EdgeOne Pages 深度集成:支持 Edge Functions、KV Storage、Cloud Functions、一键部署
  • 三种部署方案:EdgeOne Pages、腾讯云轻量服务器、两者结合
  • 多数据库支持:SQLite、PostgreSQL、MySQL 按需选择
  • 前后端分离架构:Node.js + Express + React + Prisma + Tailwind CSS
  • 渐进式文档:SKILL.md 精简核心流程,references/ 按需加载详细文档

🎨 设计亮点

  • 专业级审美品质:每个页面产出专业级 UI 设计,非通用模板
  • 完整设计系统:品牌设计风格指南 + shadcn/ui 组件 + Spell UI 动效
  • 设计思维引导:写代码前先确定审美基调、记忆点、设计元素
  • 质量门禁严格:排版独特、配色有主色+强调色、背景有氛围、动效编排有序
  • 设计审查机制:AI 反模式检测 + 5维审计评分(≥ 14/20 才通过)

设计文档覆盖

  • ui-design-guide.md - UI 设计指南
  • design-style-guide.md - 品牌设计风格指南
  • shadcn-components-guide.md - shadcn/ui 组件指南
  • frontend-examples.md - 前端设计示例
  • interaction-feedback-guide.md - 交互反馈指南
  • motion-spatial-guide.md - 动效与空间指南
  • mobile-patterns-guide.md - 移动端模式指南
  • ux-writing-cognitive-guide.md - UX 文案指南
  • icon-guide.md - 图标选型指南
  • design-audit-guide.md - 设计审查指南
  • ……

📊 与传统方式对比

维度 传统开发 Dev Easy
技术门槛 需要编程知识 零代码到高级全栈全覆盖
开发周期 数周到数月 数小时到数天
技术选型 人工调研 AI 智能推荐
质量保障 依赖经验 内置质量门禁
部署复杂度 手动配置 一键部署到专业部署

前置条件

  • Node.js >= 18.x(推荐 20.x)
  • npm >= 9.x 或 pnpm >= 8.x
  • Git(用于版本控制)
  • EdgeOne Pages CLI(可选,用于一键部署)

快速开始

最简示例

用户:我想做一个在线商城

AI:🚀 Dev Easy v2.0.0
想法说出来,产品做出来,7步就够。

好的,我来帮你做一个在线商城。首先,我需要了解几个关键信息:

1. 这个商城主要卖什么?(比如:服装、电子产品、食品)
2. 目标用户是谁?(比如:年轻人、家庭主妇、企业客户)
3. 有没有参考的商城?(比如:类似淘宝但更简单)
4. 有什么特殊要求?(比如:需要支付功能、会员系统)

完整流程

阶段 1:需求澄清(对话式)     → 用户确认
阶段 2:设计打包(AI 生成四份文档)
        ├── 01-PRD.md          产品需求文档
        ├── 02-SPEC.md         技术规格说明书
        ├── 03-PLAN.md         实施计划
        └── 04-MEMORY.md       项目记忆文档
        → 用户逐份审阅确认
阶段 3:后端开发               → 接口测试通过
阶段 4:前端开发               → 页面功能验证
阶段 5:集成测试               → 核心流程无阻断
阶段 6:交付文档               → 文档覆盖完整
阶段 7:部署上线               → 网站可访问

触发词

以下触发词会自动激活 Dev Easy Skill:

中文触发词

  • 做网站、开发应用、建系统、全栈开发
  • 开发一个app、我想做一个、帮我开发、从零开发
  • 建一个平台、开发一个系统、全栈项目
  • 做后端、做前端、开发后台
  • 做个管理系统、做个商城、做个网站
  • 开发web应用、做CRUD、开发API、搭建服务
  • 建站、做产品、产品开发
  • 部署网站、上线网站、发布网站
  • 部署到EdgeOne、部署到腾讯云

英文触发词

  • build an app、make a website、develop a system
  • fullstack project、deploy to EdgeOne

技术栈

层级 技术 说明
后端 Node.js + Express 服务端框架
ORM Prisma 数据库 ORM
前端 React + Tailwind CSS UI 框架
部署 EdgeOne Pages 一键部署、全球 CDN
数据库 SQLite / PostgreSQL / MySQL 按需选择

项目结构

dev-easy/
├── SKILL.md                    # 核心工作流(YAML frontmatter + 7 阶段流程)
├── README.md                   # 本文件:安装说明、快速开始
├── references/                 # 按需加载的子文档
│   ├── prd-template.md         # 产品需求文档模板
│   ├── tech-stack-guide.md     # 技术栈说明(含 EdgeOne Pages)
│   ├── db-design-guide.md      # 数据库设计指南
│   ├── api-design-spec.md      # API 设计规范
│   ├── ui-design-guide.md      # UI 设计指南
│   ├── deployment-guide.md     # 部署指南(EdgeOne Pages + 轻量服务器)
│   ├── edgeone-integration.md  # EdgeOne Pages 集成指南
│   └── ...                     # 其他参考文档(共 23 个)
└── scripts/                    # 辅助脚本
    └── init_project.py         # 项目初始化脚本

部署方案

Dev Easy 支持三种部署方案,根据用户类型智能推荐:

方案 A:EdgeOne Pages(推荐小白用户)

  • ✅ 一键部署,5 分钟内上线
  • ✅ 自动扩展,无需担心流量激增
  • ✅ 全球 CDN 加速,访问速度快
  • ✅ 自动 SSL 证书,安全无忧

技术栈:Edge Functions + KV Storage + Cloud Functions

方案 B:腾讯云轻量服务器(推荐开发者)

  • ✅ 完全控制,灵活配置
  • ✅ 支持复杂应用和自定义环境
  • ✅ 专业部署,适合生产环境

技术栈:Express + Prisma + SQLite/PostgreSQL/MySQL + Nginx

方案 C:两者结合(推荐大型项目)

  • ✅ 灵活架构,最佳实践
  • ✅ 前后端分离,独立扩展
  • ✅ 兼顾性能和成本

技术栈:Express + Prisma + SQLite/PostgreSQL/MySQL + EdgeOne Pages


常见问题

Q: 我不懂代码,能用这个 Skill 吗?

A: 可以!Dev Easy 专门为零代码用户设计,你只需要用自然语言描述想法,AI 会引导你完成所有步骤。

Q: 支持哪些数据库?

A: 支持三种数据库:

  • SQLite:轻量级,适合个人项目和开发测试
  • PostgreSQL:功能强大,适合生产环境
  • MySQL:广泛使用,生态成熟

Q: 如何选择部署方案?

A: Skill 会根据你的技术背景智能推荐:

  • 不懂代码 → 推荐 EdgeOne Pages
  • 有开发经验 → 根据项目复杂度推荐

Q: 可以中途修改需求吗?

A: 可以!你可以随时说"回到第 X 阶段",重新调整该阶段产出。


贡献指南

欢迎提交 Issue 和 Pull Request!

  1. Fork 本仓库
  2. 创建特性分支:git checkout -b feature/amazing-feature
  3. 提交更改:git commit -m 'Add amazing feature'
  4. 推送分支:git push origin feature/amazing-feature
  5. 提交 Pull Request

许可证

MIT License


联系方式

  • 作者:Jony
  • 版本:2.0.0
  • 更新日期:2026-05-14

提示:使用触发词即可激活 Skill,开始你的全栈开发之旅!

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages