Impeccable：让 AI 告别「通用模板」设计的神器
19k Star 的开源项目 Impeccable 能让 Claude Code、Cursor 等 AI 工具生成更高质量的前端 UI。本文介绍它的核心理念、安装配置方法以及 18 个核心指令的实战用法。
BlockCoder
记录与分享前端开发、全栈技术和编程实践。 从代码细节到架构思考，方块世界的代码师在此。
最新文章
全部文章所有文章
开发工具·
OpenSpace：给你的 AI Agent 装上自进化引擎，Token 消耗直降 46%
港大 HKUDS 实验室开源的 OpenSpace 通过 MCP 协议接入 Claude Code、Cursor 等工具，让 AI Agent 像人一样从经验中学习——成功路径自动封装为 Skill，下次同类任务直接复用，无需重复推理。
开发工具·
Superpowers：把 Claude Code 从代码生成器升级为工程搭档
155k Star 的开源框架 Superpowers 通过 14 个可组合技能模块，强制 AI 遵循 TDD、代码审查、任务拆分等软件工程最佳实践。本文介绍安装配置、核心工作流和实战技巧。
前端开发·
React Hooks 封装一个列表触底刷新
封装一个列表触底刷新的 React Hooks，基于传入的container容器div去监听滚动到底部。
技术·
代码高亮文章
博客系统的代码高亮功能，展示各种编程语言的语法高亮效果。
前端开发·
CSS Grid 与 Flexbox：现代布局技术对比指南
深入对比 CSS Grid 和 Flexbox 的特性和使用场景，掌握现代 CSS 布局的核心技术，构建响应式和灵活的网页布局。
前端开发·
使用 Next.js 构建现代博客系统完整教程
从零开始，使用 Next.js、TypeScript 和 Tailwind CSS 构建一个功能完整的博客系统。包含文章管理、分类标签、响应式设计等核心功能。