#设计系统
共 82 篇相关文章
教程攻略·6 分钟
Next.js项目结构详解：配置文件与目录作用全解析
详细解析Next.js项目结构，包括package.json脚本命令差异、ESLint配置、next.config.js核心配置、PostCSS与Tailwind CSS配置文件，以及src目录的App Router路由机制，帮助React开发者快速上手Next.js。
阅读全文 →
产品体验·5 分钟
Bolt实战测评：氛围编程能用来做项目吗？
通过Bolt.new实战构建复古游戏博客，深度体验氛围编程（Vibe Coding）的完整流程。分析Bolt的核心功能、迭代调整痛点、代码质量问题，以及氛围编程的真实适用场景与局限性。
阅读全文 →
教程攻略·3 分钟
LLM-Wiki搭建教程：Karpathy提出的自进化个人知识库方案
详解Andrej Karpathy提出的LLM-Wiki个人知识库方案，通过三层架构将大模型从解释器变为编译器，实现知识自动关联与持续进化。包含完整搭建教程、与传统RAG对比分析及Obsidian实操指南。
阅读全文 →
教程攻略·5 分钟
AI Agent开源课程：36章从ReAct到Claude Code全栈实战指南
GitHub开源项目agent-study提供36章AI Agent全栈课程，涵盖ReAct循环、Claude Code逆向工程、MCP协议、RAG、DSPy及生产可观测性，全部以可运行Python代码呈现，面试导向，适合系统学习Agent开发。
阅读全文 →
产品体验·7 分钟
模块化提示词AI建站实测：一句话生成含前后台完整网站
实测开源项目「牛马项目构建」的模块化AI建站方案，通过四层提示词架构将规则拆分按需加载，解决超长提示词幻觉问题。一句话生成含前后台完整网站，附演示效果、架构详解与使用建议。
阅读全文 →
教程攻略·10 分钟
Cursor/Windsurf Rules规则文件配置指南：让AI生成统一风格UI组件
详解Cursor和Windsurf中Rules规则文件的编写方法，通过配置设计系统规则让AI生成风格统一的UI组件。包含Apple液态玻璃风格实战案例、规则编写技巧及最佳实践，适用Angular、React、Vue等主流框架。
阅读全文 →
教程攻略·8 分钟
Agency Agents：144个AI角色模板一键安装到Cursor/Claude Code
Agency Agents开源项目提供144个结构化AI Agent角色模板，覆盖工程、设计、测试等12个领域，支持Claude Code、Cursor、Windsurf等主流AI编程工具一键安装，告别重复编写提示词，将AI角色设定变成可版本管理的标准化资产。
阅读全文 →
产品体验·6 分钟
Open Design：开源AI设计框架，连接现有编程智能体
Open Design 是本地优先的 Apache 2.0 开源设计框架，支持连接 Claude Code、Cursor、Gemini CLI 等编程智能体，内置19种可组合技能和71套 Design.md 设计系统，实现高质量UI设计生成与本地私有化部署。
阅读全文 →
深度解读·8 分钟
NVIDIA Vera Rubin平台深度解析：如何解决Agentic AI推理规模化难题
深度解析NVIDIA Vera Rubin平台的Pod级架构、新一代NVLink互联技术，揭示其如何破解Agentic AI智能体推理的规模化瓶颈，以及AI基础设施从训练优先向推理优先转变的产业趋势。
阅读全文 →
深度解读·8 分钟
AI写代码的真相：它到底会不会编程？原理全解析
AI真的会编程吗？本文深入解析AI代码生成的底层原理，揭示大语言模型如何通过海量代码训练和模式匹配来生成代码，并分析AI编程的能力边界与正确使用方法。
阅读全文 →
产品体验·8 分钟
OpenAI Codex APP全面解析：功能详解与AI编程新范式
深度解析OpenAI Codex桌面应用核心功能，涵盖实时任务管理、Skills技能系统、MCP协议集成、Work Trees隔离环境与自动化任务，看这款AI编程指挥中心如何重塑开发者工作流程。
阅读全文 →
产品体验·10 分钟
Open Design开源设计工具：4万Star的本地优先Claude Design替代方案
Open Design是一款本地优先的开源AI设计系统工具，内置19项设计技能和71套品牌级设计系统，兼容Claude Code、Cursor等9+种AI工具，GitHub已获4万+Stars。本文详解其核心功能、技术架构与适用场景。
阅读全文 →
教程攻略·9 分钟
Superpowers实战：让AI编程遵守软件工程规范
详解Superpowers如何解决AI编程中跳过设计、缺失测试、代码混乱等五大乱象。通过实战对比Vue3评论功能开发，展示标准化七步流程如何让AI代码质量实现质变提升。
阅读全文 →
深度解读·9 分钟
D2C设计转代码全链路解析：大厂面试必考的设计研发新范式
深入解析D2C（Design to Code）设计转代码的完整技术链路，对比传统开发与Vibe Coding的差异，涵盖Figma AI落地方案、三级面试题拆解及企业级架构设计，助你掌握前端AI提效核心能力。
阅读全文 →
教程攻略·7 分钟
Vibe Coding实战教程：零代码三步从想法到产品上线
详解Vibe Coding全流程：用Gemini生成产品文档、Figma Make设计UI、Cursor生成代码，零代码基础也能独立开发产品。附四类最佳受益人群分析与实操建议。
阅读全文 →
产品体验·8 分钟
Onlook：开源AI可视化React设计工具，设计师的Cursor
Onlook是一款开源AI驱动的React可视化设计工具，支持设计师直接在真实代码上进行可视化编辑。GitHub 25700+ Star，通过自然语言生成UI组件，弥合设计与开发鸿沟，被称为设计师的Cursor。
阅读全文 →
教程攻略·9 分钟
手机+Claude Code：露营时搭建iNaturalist观察记录展示工具
Simon Willison在露营时仅用手机和Claude Code，从零搭建了完整的iNaturalist观察记录展示工具。本文拆解其Python CLI数据处理、Git Scraping自动化更新、纯前端展示的三层架构，展示零成本无服务器开发的完整实践。
阅读全文 →
观点碰撞·6 分钟
AI编码工具≠开发转型：工程团队如何真正重构软件开发生命周期
采用AI编码工具不等于改变构建方式。本文深入分析工程团队从表层AI工具采用到深层SDLC转型的关键路径，探讨如何围绕AI重建软件开发流程、重新定义工程师角色，实现真正的AI原生开发模式变革。
阅读全文 →
教程攻略·6 分钟
7000+行AI工具系统提示词大全：开源项目深度解析与实战指南
深度解析GitHub开源项目system-prompts-and-models-of-ai-tools，汇集7000+行ChatGPT、Claude等主流AI工具系统提示词，涵盖提示工程最佳实践、安全护栏设计与实际应用场景，助力开发者快速构建AI应用。
阅读全文 →
教程攻略·2 分钟
GPT_API_free：免费GPT-4/DeepSeek/Claude API Key申请教程
GPT_API_free是GitHub上37000+ Star的开源项目，提供免费GPT-4、DeepSeek、Claude等主流大模型API Key，兼容OpenAI接口格式。本文详解申请流程、支持模型、使用限制及安全注意事项，适合AI开发学习与原型验证。
阅读全文 →