Cursor
Appllama
588 项内容已在站内概念441界面样张28技术栈75提示词19技能25实测产品20
为真正想做出东西的人准备。
高质量的内容，给会被记住的作品。
概念设计风格动效技术栈441 个概念
一个下午，看懂一周的量。
概念、样张、技术栈和提示词，全在一个站点里。
结构清晰，不用翻教程。
每条都标了分区、难度和能直接抄的示例。
按主题分区
前端、后端、AI、Git、设计、选型——一栏一个入口。
320px 到 4K
手机和桌面都标过样张，照着做不会错。
立即可用
每个概念都配示例，贴进 AI 工具就能开始。
先从好看的界面开始。
28 个界面样张，点开就是完整说明。
给 AI 装上一套好用的工具。
把 BuildHub 的技能和提示词，装进 Claude Code、Cursor。
25 个技能
从写首屏、改文案到验收，每个技能对应一件具体的事。
一条命令安装
复制一条命令，装进 Claude Code 或 Cursor，不用来回粘贴。
源码可读
全部是普通文件，能读能改，没有黑盒和锁定。
这些问题，你是不是也问过？
从 441 个概念里挑的答案，点开就是完整解释。
“老听人说前端、后端，这两个到底有什么区别？”
前前端前端 · Frontend“我不会写代码，就想用说话的方式让 AI 帮我把东西做出来。”
AVibe CodingAI“都说按 token 收费，token 到底是个啥？跟我打几个字什么关系？”
ATokenAI“AI 丢给我一串命令让我运行，我都不知道它会干什么，敢直接跑吗？”
技终端命令行技术栈 · Terminal“AI 把我的代码改崩了，我想回到上一个能用的版本。”
GGitGit“先别直接列功能，写清楚是谁遇到了什么问题，解决以后有什么用。”
产用户故事产品 · User Story“先把这个旅行攻略怎么算完成写清楚：每天有路线、交通时间和官方开放信息，缺一项就不能验收。”
测验收标准测试 · Acceptance Criteria“老听人说做网页要用 React，它到底比直接写页面强在哪？”
选React选型三步，从看懂到做出来。
先找一个起点。
从概念、样张或路径里挑一个方向，先看别人怎么做，再决定自己做什么。
改成你自己的。
把示例换掉，把提示词贴进 AI 工具，改到它真的像你的东西。
然后做下一个。
第一个页面只是开始。把路径走完，你会有一套自己的做法。
一直免费。随便看。
没有付费墙，没有试用期。想做点什么，任选一个入口。
装进 AI 工具
推荐让 Claude Code、Cursor 会用你的做法。
¥0一直免费
- 25 个 BuildHub 技能
- 一条命令安装
- Claude Code / Cursor 通用
- 源码可读，随便改
所有内容现在和以后都免费。没有隐藏收费，也不用绑定账号。
不需要。概念用大白话讲，每个词条都配能直接跑的可视化示例；要动手时，提示词可以贴进任何 AI 工具。
不堆课程。每个概念一页，讲清是什么、什么时候用、怎么验证；能玩的示例就在页面上，不用跳到别处。
会。网站、技术栈和产品评测按周更新，每次改动都会记在更新日志里。
是。所有词条、样张、提示词和产品评测都能直接看，没有付费墙，也没有试用期。
英文站目前有 334 个词条，覆盖同样的核心主题；中文站有 408 个，更深一些。
可以。示例代码和提示词随便抄，能注明来源就更好了。
打开 BuildHub Skill 页面，复制那句话说给你的 Agent，Claude Code、Cursor 都能用。
用顶部搜索（⌘K）直接搜；没有的话发邮件告诉我们，会补上。