design-style

SKILL.md

This skill helps Claude Code create beautiful, distinctive frontend interfaces by automatically retrieving design system prompts from the prompts/ directory. Instead of producing generic UI, this skill enables Claude to build interfaces with specific design aesthetics like Neo-brutalism, Modern Dark, Luxury, Cyberpunk, and more.

The following design systems are available in the prompts/ directory:

Ask the user if you're uncertain about which style fits their needs.

사용자가 프런트엔드 인터페이스, 웹 페이지, UI 구성 요소 또는 시각적 요소를 구축, 생성, 디자인, 개발 또는 개선하도록 요청할 때 이 기술을 사용하세요. 여기에는 다음이 포함됩니다. - 랜딩 페이지, 웹사이트, 웹 앱, 대시보드, 포트폴리오 또는 웹 인터페이스 구축 - UI 구성요소 생성(버튼, 양식, 카드, 탐색 모음, 모달 등) - React, Vue, Next.js, Svelte 또는 기타 프런트엔드 프레임워크를 사용하여 페이지 디자인 - 기존 구성 요소의 스타일 추가 또는 시각적 디자인 개선 - 특정 디자인 미학 구현(모던, 다크, 미니멀리스트, 브루탈리스트 등) - 사용자가 "프런트엔드", "UI", "UX", "디자인", "인터페이스", "웹 디자인" 또는 "스타일링"을 언급합니다. - 사용자가 "아름다운", "현대적인", "전문적인", "깨끗한" 또는 미적인 형용사를 요구합니다. - 사용자가 CSS, Tailwind, 스타일 구성 요소 또는 기타 스타일링 접근 방식에 대한 도움을 요청합니다. 이 기술은 적절한 디자인 시스템 프롬프트(Neo-brutalism, Modern Dark, Bauhaus, Cyberpunk, Material 등)를 자동으로 검색하여 일반 UI 대신 시각적으로 독특한 프로덕션급 프런트엔드 코드를 만드는 데 도움을 줍니다. 중요: 디자인 스타일이 명시적으로 언급된 경우뿐만 아니라 모든 프런트엔드/UI 작업에 대해 이 기술을 사전에 트리거합니다. 출처: nakanosanku/ohmyskills.

원본 보기