SITE DATA / 01
站点内容一览
当前共 37 篇可阅读内容；34 篇标注免费/低成本（约 92%）。数据在构建时从内容集合自动统计。
COVERAGE / 栏目覆盖
内容分布一览
7/7 个栏目已有内容 · 合计 37 篇（按栏目归属统计）。点击进入对应中心页。
FIND YOUR PATH / 02
你现在要解决什么？
根据当前目标进入对应路径，避免被工具和信息淹没。
不知道选什么工具
AI、自动化、建站工具太多，想快速判断适合谁、成本与学习曲线。
看工具评测 ↗STATE / B想用 AI 提高效率
需要可复用的 Prompt、知识库和工作流，而不是零散技巧。
进入 AI 工具 ↗STATE / C想搭自动化系统
表单、邮件、内容、客户管理希望串成可维护的流程。
学习自动化 ↗STATE / D想低成本做出产品
从建站、API 到部署，需要一条可执行的独立开发路径。
开始开发与建站 ↗AI 提效 · 自动化系统 · 独立开发上线，三条路径已整理好。
PILLARS / 03
七个栏目，覆盖从工具到上线
首页负责发现，栏目中心负责深入。每个栏目都有路径、教程与资源。
LATEST / 04
最新文章
教程、评测、实践与资源，按时间更新。
玩转 HyperFrames：从 AI Coder 到 AI Layout Driver
通过 Block Registry、Scene JSON、设计 token 和音频时间数据，把 HyperFrames 从每次现场写代码升级为可复用、可验证的视频生产系统。
HyperFrames Registry 实战：Block + JSON Schema 视频流水线
从零创建可复用 HyperFrames Block、Scene JSON Schema、语义验证器和 Composition Builder，让 AI Agent 从现场写代码转向数据驱动的视频组装。
HyperFrames 原理详解：AI Agent 如何把 HTML 渲染成视频
深入理解 HyperFrames 如何使用 HTML、CSS、可 Seek 动画时间轴、无头浏览器和 FFmpeg 生成视频，以及这套架构为什么特别适合 AI Agent。
HyperFrames 官方 Registry 指南：让 Agent 自动查、拉、挂、验
准确使用 HyperFrames 官方 Catalog、add CLI 和 Agent Skills，复用现成 Block 与 Component，并避开组件名称、安装路径、变量传递和自动渲染中的常见误区。
HyperFrames 进阶：如何提高 AI 视频的画面质量与生产效率
解决 AI 视频像网页幻灯片、动画杂乱和每次从零生成的问题，建立可复用的设计规范、场景 Block、媒体与批量生产流程。
HyperFrames Skills 实战：从 Brief 到 MP4 生成第一条视频
跟随完整案例，使用 HyperFrames Skills 完成需求确认、分镜、HTML Composition、动画检查、关键帧预览和 MP4 渲染。
AI TOOLS / 05
AI 工具精选
从选型到 Prompt，建立可复用的 AI 工作方式。
玩转 HyperFrames：从 AI Coder 到 AI Layout Driver
通过 Block Registry、Scene JSON、设计 token 和音频时间数据，把 HyperFrames 从每次现场写代码升级为可复用、可验证的视频生产系统。
HyperFrames Registry 实战：Block + JSON Schema 视频流水线
从零创建可复用 HyperFrames Block、Scene JSON Schema、语义验证器和 Composition Builder，让 AI Agent 从现场写代码转向数据驱动的视频组装。
HyperFrames 原理详解：AI Agent 如何把 HTML 渲染成视频
深入理解 HyperFrames 如何使用 HTML、CSS、可 Seek 动画时间轴、无头浏览器和 FFmpeg 生成视频，以及这套架构为什么特别适合 AI Agent。
Claude 用于编程：适合谁，哪里强，哪里要小心
从独立开发日常场景评测 Claude 在读代码、重构、写测试与文档上的表现边界，并给出使用方式建议。
BUILD & SHIP / 07
独立开发与建站
编程、基础设施与实践日志，帮助你把想法做成可访问的产品。
用 Astro 做技术内容站：结构、内容模型与性能要点
面向教程/评测型站点的 Astro 实践：目录结构、Content Collections、页面类型、样式策略与 SEO 基础。
个人技术栈备份策略：代码、内容、数据与密钥
用 3-2-1 思路为个人站与小工具设计可执行备份：Git、对象存储、数据库导出、密钥与恢复演练。
把 Astro 站点部署到 VPS：从构建到 HTTPS
面向个人站长的最小部署路径：本地构建、上传静态资源、Nginx 反代、证书与基础安全。
RESOURCES / 08
技术资源库
Prompt 模板、工作流说明与清单，拿来就能改。
HyperFrames Block Registry Starter Kit
可复制的 HyperFrames 数据驱动视频底座，包含 Scene Schema、Block Contract、Theme Token、Validator、Builder 和 Agent Prompt 模板。
HyperFrames AI 视频 Prompt、Brief 与渲染检查清单
一套可复制的 HyperFrames AI 视频生产模板，包含主 Prompt、BRIEF、Storyboard、场景说明、修改指令和渲染前检查清单。
学习路线图：AI、自动化与独立开发三条路径
按目标组织的 BLKTECH 阅读顺序：选 AI 工具、搭自动化、低成本做出并上线个人产品。
n8n 工作流说明：网站线索捕获与通知
一条可改造的线索自动化说明：Webhook 接表单、校验字段、写入表格并发送通知。
NEWSLETTER
订阅技术实现通讯
定期收到 AI 工具、自动化工作流与独立开发实践，不灌水，只给可执行内容。