如何用 Claude Code 做出能卖 1w 美元的网站
文章分享了使用 Claude Code 快速构建高端作品集网站的全过程。作者通过安装 Frontend Design 和 UI/UX Pro Max 技能，结合 Awwwards 参考图，利用精准的 Prompt 和交互式反馈，仅用 2 小时就完成了价值 5000 美元的设计，并详细介绍了动画实现、走查修复和最终打磨的方法。
🏷️ 前端设计
6 篇都说 Kimi 审美好，实测 7 个 Skills 来找出它的最佳搭配
文章通过实测 7 个不同的设计 Skill 与 Kimi K3 模型的搭配效果，评估其在网页设计、动效和交互方面的表现。测试发现，design-taste-frontend 和 Impeccable 表现最佳，而 Kimi K3 自身的审美能力已相当出色。Skill 的作用更像是更换创意总监，而非简单的加分升级，优秀的 Skill 应为模型提供指引而非限制。
前端设计技能指南：拒绝 AI 烂俗审美
本文是一份前端设计系统技能指南，旨在创造具有鲜明视觉特征的生产级界面。文章强调从理解上下文、坚持极端艺术指导、发明标志性元素入手，严格规定字体、色彩、布局、动效及材质的硬性规则，要求摒弃 Inter 字体、紫色渐变等常见 AI 烂俗审美。同时明确了无障碍访问、响应式设计、性能优化及错误处理等生产要求，确保叙事一致性。
我测试了 247 个 Claude Skills 并删掉了 224 个：留下的这 23 个改变了我的工作方式
作者花费 6 周时间实测了 247 个 Claude Skills，基于质量提升、效率节省和上下文开销等标准，最终仅保留了 23 个。文章详细列出了 S 级必装工具（如 frontend-design, superpowers）和 A 级垂直领域工具，并给出了安装顺序建议。
我做了个 Skill：让 AI 帮你生成 Logo 和图标
本文介绍了作者开发的一个名为 Logo Generator 的 Skill，旨在解决开发者和开源项目缺乏专业 Logo 的痛点。该 Skill 利用 Gemini 强大的 SVG 生成能力，通过信息收集、生成设计变体、制作高级展示图三步流程，快速生成“够用的好 Logo”。文章详细阐述了其工作原理、12种静态背景与6种动态 WebGL 背景的展示方案，以及 SVG 相比图片生成在精度和可编辑性上的优势。
分享6个我觉得应该必装的Skills
本文作者分享了6个他认为必装的 Claude Skills，旨在提升 AI Agent 的实用性与效率。推荐的 Skills 包括：解决 AI 审美问题的“Frontend Design”、提供原生格式文档支持的“办公必备四件套”、增强联网搜索能力的“Web Access”、解决 AI 摆烂问题的“PUA”、提供持久化记忆的“Claude-mem”，以及最重要的自定义工具“Skill-Creator”。文章强调了技能封装的价值，认为真正重要的是用户创造个性化工具的能力。