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