关于
This skill transforms generic HTML/CSS designs by applying aesthetic upgrades across typography, color, motion, spatial composition, and backgrounds. It analyzes existing code to identify bland patterns and systematically enhances them using Anthropic's design framework. Use it when you need to quickly elevate basic frontend designs into more visually distinctive interfaces.
快速安装
Claude Code
推荐npx skills add matteocervelli/llms -a claude-code/plugin add https://github.com/matteocervelli/llmsgit clone https://github.com/matteocervelli/llms.git ~/.claude/skills/frontend-design-fix-html在 Claude Code 中复制并粘贴此命令以安装该技能
GitHub 仓库
常见问题
什么是 frontend-design-fix-html Skill？
frontend-design-fix-html 是一个 Claude Skill，作者为 matteocervelli。Skill 将 Claude 按需加载的说明和资源打包，让 Claude 无需额外提示即可执行与 frontend-design-fix-html 相关的任务。
如何安装 frontend-design-fix-html？
使用本页的安装命令：将 frontend-design-fix-html 作为插件添加到 Claude Code，或将其仓库克隆到 skills 目录，然后重启 Claude 以加载该 Skill。
frontend-design-fix-html 属于哪个分类？
frontend-design-fix-html 属于其他分类。
frontend-design-fix-html 可以免费使用吗？
可以。frontend-design-fix-html 已收录在 AIMCP，可免费安装。
相关推荐技能
这个Claude Skill专门用于自动优化Vue组件的视觉设计，通过分析并改进排版、色彩、动效、空间布局和背景这五个设计维度。它能识别通用设计模式并提供美学升级，帮助开发者快速提升现有Vue组件的视觉吸引力。适用于需要系统化改善前端设计一致性和美观度的开发场景。
该Skill可自动修复React组件的通用设计问题，通过分析并升级排版、色彩、动效、空间布局和背景五大设计维度。它能识别常见设计反模式（如默认字体、单调配色），并基于项目上下文提供美学优化方案。开发者可用它快速提升现有组件的视觉表现力，特别适用于设计系统维护和界面焕新场景。
这个Claude Skill能自动分析和修复Svelte组件的通用设计问题，通过五大设计维度(排版、色彩、动效、空间布局、背景)进行美学升级。它能识别常见设计反模式并应用品牌化改进，帮助开发者快速将平淡的组件转换为具有视觉吸引力的界面。特别适合需要批量优化现有Svelte项目设计系统的开发场景。
Content Collections 是一个 TypeScript 优先的构建工具，可将本地 Markdown/MDX 文件转换为类型安全的数据集合。它专为构建博客、文档站和内容密集型 Vite+React 应用而设计，提供基于 Zod 的自动模式验证。该工具涵盖从 Vite 插件配置、MDX 编译到生产环境部署的完整工作流。