Development 开发 Skills Hub

Claude Code官方出品的前端设计插件，让网页UI设计更好看

让AI编码工具能直接读取设计稿中的组件、变量和间距等精确语义，从而将设计意图高保真地转化为代码

为 Agent 提供可靠的网页抓取、搜索和浏览器自动化能力。

在写代码前围绕计划持续追问，直到双方对目标和约束达成共识。

沉淀 Karpathy 的四条 LLM 编码规则：先思考再写代码、简单优先、精准改动、目标驱动执行。

用计划、子 Agent 和 TDD 组织多步骤开发流程。

用 100+ 条可访问性和 UX 规则审查 UI 代码。

把 57 条性能规则应用到 React 和 Next.js 代码中。

用复合组件模式替代布尔 prop 地狱。

用 Playwright 在真实浏览器中测试本地 Web 应用。

运行 CodeQL 和 Semgrep 分析，用于漏洞检测。

让 Claude 掌握基于 React 的程序化视频制作知识。

过滤 shell 输出噪音，并在 Claude 重置时恢复会话状态。

清理最近写的代码且不改变行为，只提升可读性，不改逻辑。

面向 SEO、E-E-A-T、Portable Text、JSON-LD、RSS、llms.txt、Next.js 和 Astro 的开源 Sanity 博客系统。

面向 AI 工作流的 PageSpeed Insights 与 Lighthouse CLI，用于 Core Web Vitals 审计、性能修复、SEO 优化和前后对比验证。