frontend-design-fix-svelte
정보
이 스킬은 타이포그래피, 색상, 모션, 공간 구성, 배경 등 다섯 가지 핵심 영역에 걸쳐 미적 개선을 적용하여 일반적인 Svelte 컴포넌트 디자인을 자동으로 업그레이드합니다. 기존 컴포넌트를 분석하여 디자인 안티패턴을 식별하고, 이를 체계적으로 시각적으로 더 독창적인 인터페이스로 변환합니다. 프로젝트 내에서 평범한 Svelte 컴포넌트의 시각적 매력을 빠르게 향상시켜야 할 때 사용하세요.
빠른 설치
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-svelteClaude Code에서 이 명령을 복사하여 붙여넣어 스킬을 설치하세요
GitHub 저장소
연관 스킬
frontend-design-fix-vue
기타이 스킬은 타이포그래피, 색상, 모션, 공간 구성, 배경에 걸쳐 체계적인 개선을 적용하여 일반적인 Vue 컴포넌트 디자인을 자동으로 향상시킵니다. 기존 Vue 파일을 분석하여 평범한 패턴을 식별하고 Anthropic의 디자인 프레임워크를 사용하여 독특한 인터페이스로 변환합니다. 기본 스타일링을 넘어서 Vue 컴포넌트의 시각적 미학을 빠르게 업그레이드해야 할 때 사용하세요.
frontend-design-fix-react
기타이 Claude Skill은 타이포그래피, 색상, 모션, 공간 구성, 배경에 걸쳐 미적 개선을 적용하여 일반적인 React 컴포넌트 디자인을 자동으로 향상시킵니다. 기존 컴포넌트를 분석하여 평범한 패턴을 식별한 다음, Anthropic의 디자인 프레임워크를 사용하여 체계적으로 개선합니다. 수동 디자인 작업 없이 기본 React UI를 시각적으로 독특한 인터페이스로 빠르게 변환해야 할 때 이 기술을 사용하세요.
frontend-design-fix-html
기타이 스킬은 일반적인 HTML/CSS 디자인을 타이포그래피, 색상, 동적 효과, 공간 구성, 배경에 걸쳐 미적 개선을 적용하여 변환합니다. 기존 코드를 분석하여 평범한 패턴을 식별하고 Anthropic의 디자인 프레임워크를 사용해 체계적으로 향상시킵니다. 기본적인 프론트엔드 디자인을 시각적으로 더 독특한 인터페이스로 빠르게 업그레이드해야 할 때 사용하세요.
content-collections
메타이 스킬은 콘텐츠 콜렉션(Content Collections)을 위한 프로덕션 검증된 설정을 제공합니다. 콘텐츠 콜렉션은 Markdown/MDX 파일을 Zod 검증이 포함된 타입 안전한 데이터 콜렉션으로 변환해주는 TypeScript 최우선 도구입니다. 블로그, 문서 사이트 또는 콘텐츠 중심의 Vite + React 애플리케이션을 구축할 때 타입 안전성과 자동 콘텐츠 검증을 보장하기 위해 사용하세요. Vite 플러그인 구성과 MDX 컴파일부터 배포 최적화 및 스키마 검증에 이르기까지 모든 것을 다룹니다.