hig-components-menus
안전 75Apple HIG 메뉴와 버튼 디자인
작성자 sickn33
메뉴와 버튼 선택은 Apple 플랫폼 전반에서 일관성이 없어질 수 있습니다. 이 스킬은 Apple HIG 지침을 적용해 메뉴, 버튼, 툴바를 선택하고, 배치하고, 레이블을 지정하고, 구성합니다.
좋아하는 스킬을 재사용 가능한 컬렉션으로 묶고, 명령 하나로 설치하세요.
Apple HIG 메뉴와 버튼 디자인
작성자 sickn33
메뉴와 버튼 선택은 Apple 플랫폼 전반에서 일관성이 없어질 수 있습니다. 이 스킬은 Apple HIG 지침을 적용해 메뉴, 버튼, 툴바를 선택하고, 배치하고, 레이블을 지정하고, 구성합니다.
Apple 앱 내비게이션 레이아웃 설계
작성자 sickn33
내비게이션 패턴이 플랫폼 기대 사항과 맞지 않으면 Apple 앱 레이아웃이 깨질 수 있습니다. 이 스킬은 Apple HIG 지침을 적용해 적응형 레이아웃 및 내비게이션 컴포넌트를 선택합니다.
Apple HIG 대화상자 설계
작성자 sickn33
대화상자와 모달 선택지는 사용자의 흐름을 방해하거나 판단을 모호하게 만들 수 있습니다. 이 스킬은 적절한 Apple HIG 표시 패턴을 선택하고 간결하며 실행 가능한 문구를 작성하도록 돕습니다.
Apple HIG 컨트롤 선택
작성자 sickn33
잘못된 입력 컨트롤을 선택하면 Apple 앱 워크플로가 혼란스러워질 수 있습니다. 이 스킬은 일반적인 데이터 입력 요구를 Apple HIG 컨트롤 지침에 맞춰 매핑합니다.
Apple 콘텐츠 컴포넌트 설계
작성자 sickn33
Apple 앱 팀은 차트, 이미지, 컬렉션, 웹 콘텐츠, 공유에 대해 명확한 선택지가 필요합니다. 이 스킬은 콘텐츠 요구 사항을 Apple HIG 컴포넌트에 매핑합니다.
다크 React 대시보드 구축
작성자 sickn33
데이터가 많은 React 앱에는 읽기 쉽고 유지보수 가능한 일관된 다크 인터페이스가 필요합니다. 이 스킬은 완성도 높은 대시보드를 위한 Tailwind, TypeScript, 모션 패턴을 제공합니다.
폼 완료율과 리드 품질 최적화
작성자 sickn33
필드, 문구, 오류가 마찰을 더하면 폼은 사용자를 잃습니다. 이 스킬은 비가입 폼을 진단하고 완료율과 리드 품질을 개선하는 집중적인 변경 사항을 추천합니다.
이 변형이 1위인 이유
Rube MCP로 Figma 워크플로 자동화
작성자 sickn33
Figma 핸드오프에는 반복적인 파일 검사, 내보내기, 토큰 추출이 필요한 경우가 많습니다. 이 스킬은 Claude, Codex, Claude Code가 Rube MCP Figma 워크플로를 진행하도록 안내합니다.
AI 모델 워크플로 JSON 생성
작성자 sickn33
각 모델 단계가 일관되게 설명되어야 할 때 체인형 AI 워크플로를 설계하는 일은 느릴 수 있습니다. 이 스킬은 모델 체이닝을 위한 워크플로 JSON 구조 초안을 작성하는 데 도움이 됩니다.
FAL 가이드로 이미지와 비디오 업스케일링
작성자 sickn33
저해상도 미디어는 디자인, 제품, 마케팅 작업에서 재사용하기 어려울 수 있습니다. 이 스킬은 AI 지원 이미지 및 비디오 업스케일링 워크플로를 위한 간결한 가이드를 제공합니다.
AI 안내로 이미지 편집하기
작성자 sickn33
이미지 편집 요청은 모호할 수 있으며 모델 지시사항으로 변환하기 어려울 수 있습니다. 이 스킬은 Claude, Codex, Claude Code가 스타일 전환, 객체 제거, 이미지 편집을 위한 명확한 안내를 구성하도록 돕습니다.
fal.ai 모델로 미디어 생성하기
작성자 sickn33
AI 미디어 제작에는 명확한 모델 가이드와 범위가 잘 정해진 프롬프트가 필요합니다. 이 스킬은 Claude, Codex, Claude Code가 fal.ai 이미지 및 비디오 생성 작업을 계획하는 데 도움을 줍니다.
LibreOffice Draw로 다이어그램 만들기
작성자 sickn33
팀에는 자산을 수작업으로 다시 만들지 않고 다이어그램을 만들고 변환할 수 있는 신뢰할 수 있는 방법이 필요합니다. 이 skill은 ODG 생성, 벡터 편집, 로컬 형식 내보내기를 위한 LibreOffice Draw 워크플로를 안내합니다.
디자인 검토 조율
작성자 sickn33
디자인 작업은 위험이 이해되기 전에 구현으로 넘어갈 수 있습니다. 이 스킬은 Claude, Codex, Claude Code를 브레인스토밍, 검토, 준비 상태 확인 단계로 라우팅합니다.
Stitch DESIGN.md 가이드 만들기
작성자 sickn33
디자인 팀에는 Stitch 프로젝트를 위한 일관된 프롬프트가 필요합니다. 이 스킬은 프로젝트 화면을 분석하고 색상, 타이포그래피, 컴포넌트, 레이아웃 규칙을 포함한 DESIGN.md 가이드를 생성합니다.
이 변형이 1위인 이유
google-labs-code-design-md
2026-09-09
일관된 핵심 컴포넌트 인터페이스 구축
작성자 sickn33
UI 작업은 하드코딩된 간격, 색상, 원시 플랫폼 컴포넌트로 흐르기 쉽습니다. 이 스킬은 Claude, Codex, Claude Code가 핵심 컴포넌트, 토큰, 재사용 가능한 레이아웃을 사용하도록 안내합니다.
Rube MCP로 Canva 워크플로 자동화
작성자 sickn33
Canva 디자인, 내보내기, 에셋, 폴더를 수동으로 관리하면 콘텐츠 팀의 속도가 느려집니다. 이 스킬은 Canva 자동화를 위해 Claude, Codex, Claude Code에 구조화된 Rube MCP 워크플로를 제공합니다.
Anthropic 브랜드 스타일링 적용
작성자 sickn33
브랜드 자산은 Anthropic 색상 및 타이포그래피 지침에서 벗어날 수 있습니다. 이 스킬은 참조된 색상, 글꼴, 시각적 스타일링을 프레젠테이션, 문서, 디자인 초안에 적용하는 데 도움이 됩니다.
Anthropic 브랜드 스타일 적용
작성자 sickn33
팀은 문서와 슬라이드 전반에서 일관된 Anthropic 스타일의 시각 자료가 필요합니다. 이 스킬은 Claude, Codex, Claude Code를 위한 팔레트, 타이포그래피, 레이아웃 지침을 제공합니다.
WCAG 접근성 준수 감사
작성자 sickn33
접근성 격차는 사용자를 차단하고 준수 리스크를 만들 수 있습니다. 이 스킬은 WCAG 감사, 장벽 분석, 개선 계획, 재테스트 증거 수집을 안내합니다.