frontend-design-fix-html

这个Claude Skill专门用于自动优化Vue组件的视觉设计，通过分析并改进排版、色彩、动效、空间布局和背景这五个设计维度。它能识别通用设计模式并提供美学升级，帮助开发者快速提升现有Vue组件的视觉吸引力。适用于需要系统化改善前端设计一致性和美观度的开发场景。

该Skill可自动修复React组件的通用设计问题，通过分析并升级排版、色彩、动效、空间布局和背景五大设计维度。它能识别常见设计反模式（如默认字体、单调配色），并基于项目上下文提供美学优化方案。开发者可用它快速提升现有组件的视觉表现力，特别适用于设计系统维护和界面焕新场景。

这个Claude Skill能自动分析和修复Svelte组件的通用设计问题，通过五大设计维度(排版、色彩、动效、空间布局、背景)进行美学升级。它能识别常见设计反模式并应用品牌化改进，帮助开发者快速将平淡的组件转换为具有视觉吸引力的界面。特别适合需要批量优化现有Svelte项目设计系统的开发场景。

Content Collections 是一个 TypeScript 优先的构建工具，可将本地 Markdown/MDX 文件转换为类型安全的数据集合。它专为构建博客、文档站和内容密集型 Vite+React 应用而设计，提供基于 Zod 的自动模式验证。该工具涵盖从 Vite 插件配置、MDX 编译到生产环境部署的完整工作流。