返回技能列表

frontend-design-fix-vue

matteocervelli
更新于 29 days ago
205 次查看
10
10
在 GitHub 上查看
其他design

关于

This skill automatically enhances generic Vue component designs by applying systematic improvements across typography, color, motion, spatial composition, and backgrounds. It analyzes existing Vue files to identify bland patterns and transforms them into distinctive interfaces using Anthropic's design framework. Use it when you need to quickly upgrade the visual aesthetics of your Vue components beyond basic styling.

快速安装

Claude Code

推荐
主要方式
npx skills add matteocervelli/llms -a claude-code
插件命令备选方式
/plugin add https://github.com/matteocervelli/llms
Git 克隆备选方式
git clone https://github.com/matteocervelli/llms.git ~/.claude/skills/frontend-design-fix-vue

在 Claude Code 中复制并粘贴此命令以安装该技能

GitHub 仓库

matteocervelli/llms
路径: frontend-design-system/skills/_archive/frontend-design-fix-vue
0

相关推荐技能

frontend-design-fix-react

其他

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

查看技能

frontend-design-fix-html

其他

该Skill可自动修复通用HTML/CSS设计,通过分析现有代码并应用排版、色彩、动效、空间布局和背景五大设计维度的美学升级。它能识别常见设计反模式并生成优化方案,特别适用于快速提升模板化界面的视觉吸引力。开发者可用其系统化改进网页设计,而无需手动调整每个细节。

查看技能

frontend-design-fix-svelte

其他

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

查看技能

content-collections

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

查看技能