Claude Code 前端美化工具箱:70+ 神器专治 AI 味页面
tom_doerr · x · 2026-08-26
GitHub 项目 Claude-Code-Frontend-Design-Toolkit 收录了作者实测有效的一切让 Claude Code 输出更好看前端的手段,共 70+ 工具、10 大板块,按目标场景组织:
- 设计 Skills:干掉千篇一律的「AI slop」默认样式(同款字体、紫色渐变、卡片布局),首推 Anthropic 官方的 Frontend Design skill
- 全站主题化、动画与动效(GSAP、Framer Motion、滚动效果)、UI/UX 智慧(设计模式、a11y、用户研究)
- 设计转代码(Figma pipeline)、测试与浏览器自动化(给 Claude 装上眼睛)、文档与上下文(防 API 幻觉)
- 框架 Skills(React、Tailwind、Three.js、D3)、部署与预览、推荐组合安装方案
项目 669 star、87 fork,欢迎 PR 补充。
「编程与Agent」频道最新
- 如何存储与追踪 MCP 输入以用于强化学习 — frothyyyyyy · 2026-08-26
- LongRCA Bench:长周期Agent故障归因新基准 — Yunfei Zhang · 2026-08-26
- 开源工具 Guaardvark 简化 ComfyUI,支持语音交互与多平台 MCP — llama-of-death · 2026-08-26
- OpenAI:KV Cache 是 Agent 推理最大瓶颈 — BenBajarin · 2026-08-26
- 无需训练更强 AI?「人工文明脚手架」思路引热议 — New_User_1970 · 2026-08-26
- 脑洞:给 AI Agent 们建个吐槽你的社交网络 — RileyRalmuto · 2026-08-26