AI 降 AI 率工具和资源汇总
AI 编程 Prompt 模板库推荐:① awesome-cursorrules(GitHub 上的 .cursorrules 集合)② promptbase(Prompt 市场)③ langchain prompts ④ openai cookbook ⑤ Anthropic prompt lib...
AI 编程 Prompt 模板库推荐:① awesome-cursorrules(GitHub 上的 .cursorrules 集合)② promptbase(Prompt 市场)③ langchain prompts ④ openai cookbook ⑤ Anthropic prompt lib...
出海域名选择:① .com 最通用 ② .ai 适合 AI 产品(贵但流行)③ .io 适合技术产品 ④ .dev 适合开发者工具 ⑤ .co 短且便宜。注册商推荐 Porkbun(便宜)、Namecheap(服务好)、Cloudflare(成本价)。 UI 组件库 2024 版推荐:Shadcn...
Next.js 测试模板:Vitest 配置(jsdom 环境、setup 文件)、组件测试模板、Server Action 测试模板、Playwright E2E 模板。测试覆盖率目标:核心逻辑 80%+,UI 交互 60%+。 Next.js 博客模板对比:① next-portfolio-b...
Prompt 工程学习资源:① OpenAI Prompt Engineering Guide(官方)② Anthropic Prompt Engineering ③ Learn Prompting(开源教程)④ Prompt Engineering Guide(DAIR.AI)⑤ DeepLear...
出海产品配色方案:① 蓝色系(信任感,SaaS 常用)② 绿色系(增长,金融科技)③ 紫色系(创新,AI 产品)④ 橙色系(活力,消费应用)⑤ 黑白灰(极简,设计工具)。推荐去 Realtime Colors 和 Happy Hues 找现成配色。 Next.js 部署平台:Vercel(官方,最...
Cursor .cursorrules 模板按技术栈分类:Next.js 通用版、Next.js + Prisma 版、Next.js + Tailwind v4 版、Next.js + Auth.js 版、React Native 版、Python FastAPI 版。每个模板包含技术栈声明、编码...
Next.js 全栈脚手架推荐:① create-next-app(官方)② next-boat ③ t3-stack ④ skateshop ⑤ next-saas-starter。按技术栈组合选择:T3 Stack(tRPC+Prisma+Tailwind)、Next-auth+Prisma 组...
Auth.js 认证模板:包含 credentials provider(邮箱密码)、Google OAuth、GitHub OAuth、JWT callback、session callback、middleware 认证。开箱即用的认证方案,复制到项目即可。 AI 编程 Prompt 模板库推...
Prisma Schema 设计模板:包含 User/Post/Comment/Tag 的标准模型,含索引、关系、级联删除、软删除字段、时间戳。按这个模板扩展,避免漏掉索引和关系定义。 免费 SSL 证书:Let's Encrypt(最流行,90 天续期)、Cloudflare(CDN + SSL...
AI 编程 Prompt 速查手册:代码生成(描述需求+技术栈+约束)、Bug 修复(贴报错+代码+期望)、重构(贴代码+目标)、测试(贴代码+覆盖场景)、文档(贴代码+文档类型)。每个场景一个标准 Prompt 模板。 Cursor .cursorrules 模板按技术栈分类:Next.js 通...
AI 编程学习路径:① 先学 HTML/CSS/JS 基础 ② 学 React + Next.js ③ 学 TypeScript ④ 学数据库 + Prisma ⑤ 学 Auth.js 认证 ⑥ 学 Tailwind CSS ⑦ 用 Cursor/Copilot 辅助 ⑧ 学 Prompt 工程 ⑨...
Tailwind 组件灵感:① Tailwind UI(官方,部分付费)② HyperUI(免费开源)③ Preline UI(免费)④ Flowrift ⑤ Meraki UI ⑥ TailwindComponents(社区)。先看灵感再自己写,比直接复制学到的更多。 Next.js 错误处理模...
Prompt 工程学习资源:① OpenAI Prompt Engineering Guide(官方)② Anthropic Prompt Engineering ③ Learn Prompting(开源教程)④ Prompt Engineering Guide(DAIR.AI)⑤ DeepLear...
开源 Admin Dashboard 模板:① shadcn-admin ② next-admin ③ adminjs ④ refine ⑤ turbo-admin。按需求选择:简单后台用 shadcn-admin,复杂 CRUD 用 refine,需要 ORM 集成用 adminjs。 AI 编...
AI 编程 Prompt 速查手册:代码生成(描述需求+技术栈+约束)、Bug 修复(贴报错+代码+期望)、重构(贴代码+目标)、测试(贴代码+覆盖场景)、文档(贴代码+文档类型)。每个场景一个标准 Prompt 模板。 出海产品配色方案:① 蓝色系(信任感,SaaS 常用)② 绿色系(增长,金融...
免费 CDN:Cloudflare(最流行,免费额度大)、jsDelivr(开源 CDN)、unpkg(npm CDN)。图床:Cloudflare R2(10GB 免费)、Vercel Blob、Supabase Storage。出海项目用 Cloudflare 一站式解决。 AI 编程工具扩展...
Tailwind 组件灵感:① Tailwind UI(官方,部分付费)② HyperUI(免费开源)③ Preline UI(免费)④ Flowrift ⑤ Meraki UI ⑥ TailwindComponents(社区)。先看灵感再自己写,比直接复制学到的更多。 Cursor .curso...
Cursor .cursorrules 模板按技术栈分类:Next.js 通用版、Next.js + Prisma 版、Next.js + Tailwind v4 版、Next.js + Auth.js 版、React Native 版、Python FastAPI 版。每个模板包含技术栈声明、编码...
Next.js 图片优化:用 next/image 自动优化格式和尺寸。配置 remotePatterns 允许外部图片域名。LCP 图片加 priority。用 placeholder='blur' 模糊占位。避免 width/height 比例错误导致 CLS。 SEO 结构化数据模板:Web...
AI 编程工具对比表(2024 最新):Cursor($20/月,多文件编辑最强)、Copilot($10/月,生态最全)、Windsurf($15/月,速度最快)、Cline(开源免费,需自备 API)、Trae(国产,中文最好)。按预算和场景选择。 免费设计资源:Figma 社区(UI Kit...