project-init
项目初始化
引导用户从零开始搭建项目,完成从需求梳理到可运行项目的全过程。
工作流程
1. 需求对齐
通过提问了解项目全貌:
- 产品类型:Web 应用、移动端、CLI 工具、桌面应用等
- 核心功能:列出 MVP 必须实现的功能
- 技术偏好:框架、语言、数据库等
- 目标平台:浏览器、iOS/Android、桌面等
- 部署方式:云服务、自托管、Serverless 等
2. 技术选型
根据需求推荐技术栈,说明选择理由:
- 前端框架(React/Vue/Svelte 等)
- 后端框架(Express/Fastify/Django 等)
- 数据库(PostgreSQL/SQLite/MongoDB 等)
- 构建工具(Vite/Webpack/Turbopack 等)
- 包管理器(npm/pnpm/bun 等)
3. 项目脚手架
执行项目初始化:
- 使用官方脚手架命令(如
create-vite、create-next-app) - 配置 TypeScript、ESLint、Prettier
- 建立目录结构和模块划分
- 初始化 Git 仓库和
.gitignore
4. 开发规范
建立项目开发规范:
- 创建
CLAUDE.md定义项目指引 - 配置代码风格(EditorConfig、Prettier)
- 建立提交规范(Conventional Commits)
- 编写基础 README 说明
5. 验证可运行
确保项目可以正常启动:
- 运行
npm install安装依赖 - 运行开发服务器验证启动
- 运行 TypeScript 类型检查
- 确认基础测试框架可用
输出清单
完成初始化后,确认以下产出:
- 项目可正常
npm run dev启动 - TypeScript 编译无报错
- ESLint/Prettier 配置就绪
- Git 仓库已初始化
- CLAUDE.md 项目指引已创建
- README.md 基础说明已编写
More from zephyrwang6/myskill
web-scraper
Fetch and extract content from web pages, converting HTML to clean markdown. Use when users want to read web articles, extract information from URLs, scrape web content, or when the built-in WebFetch tool fails due to network restrictions. Trigger when user provides URLs to read, asks to fetch web content, or needs to extract text from websites.
246rss-aggregator
Aggregates and summarizes recent updates from a predefined list of RSS feeds. Use when the user asks for "recent updates", "what's new", or "RSS updates" within a specific timeframe.
196topic-generator
AI选题生成工具。从采集的热点中筛选TOP10,生成完整选题方案。当用户说"生成选题"、"筛选热点"、"哪些值得写"时触发。输出包含:事件描述、核心角度、标题、写作方式。
71web-article-translator
翻译在线文章为中文并保存为 Markdown 格式。当用户需要翻译网页文章、博客文章时使用此技能,例如:"翻译这篇文章 https://example.com/article"、"把这个 URL 的文章翻译成中文并保存"。
50markdown-to-image
将 Markdown 内容转换为精美的图片海报。特别适合将播客摘要、文章内容转为社交媒体分享图片。固定 3:4 比例,支持 YouTube 视频封面作为头图。触发词:「转图片」「Markdown 转图片」「生成海报」「生成分享图」「把这个转成图片」。
50article-review
根据原文内容撰写深度文章评价/解读。当用户提供一篇文章、博客、公众号文章或任何长文内容,并要求生成评价、解读、读后感或二次创作内容时使用此技能。适用于:(1) 对技术文章、行业分析、年终总结等进行深度解读,(2) 提炼文章核心观点并用通俗语言重新表达,(3) 为社交媒体传播生成二次内容。
49