현지화된 읽기 가이드
frontend-design목적, 사용법 및 출처
새로운 UI를 구축하거나 기존 UI를 재구성할 때 독창적이고 의도적인 시각 디자인을 위한 가이드라인을 제공합니다. 미적 방향, 타이포그래피, 그리고 템플릿 기본값처럼 보이지 않는 선택을 하는 데 도움을 줍니다.
출처 검색됨:
- 소스 저장소
- anthropics/skills
- SKILL.md
skills/frontend-design/SKILL.md- 저장소 Star
- 185,373
- 저장소 최근 업데이트
- 2026-10-29
- 능력 분류
- 설계
- 최근 수집 시간
라이선스: 라이선스 파일 확인 필요
워크플로 발췌본은 이해를 돕기 위한 자료이며, Codez에서 제공하는 실행 가능한 명령어가 아닙니다. 이 페이지를 생성하는 데 타사 Skill은 사용되지 않았습니다.
아래의 목적 및 워크플로 관련 내용은 읽기 쉽도록 정리 및 번역된 상위 자료입니다. 이는 별도로 분류된 Codez 편집 분석과는 별개입니다.
이 스킬의 기능
새로운 UI를 구축하거나 기존 UI를 재구성할 때 독창적이고 의도적인 시각 디자인을 위한 가이드라인을 제공합니다. 미적 방향, 타이포그래피, 그리고 템플릿 기본값처럼 보이지 않는 선택을 하는 데 도움을 줍니다.
업스트림 워크플로우 작동 방식
진행 과정: 계획 수립, 요구사항 대비 검토, 제작, 비평
보정을 위해 현재 AI가 생성한 디자인은 몇 가지 특징을 중심으로 모여 있습니다. 예를 들어 따뜻한 크림색 배경(F 근처)이 그렇습니다.4에프1EA) 고대비 세리프체와 테라코타 또는 따뜻한 점토색 악센트(종종 #D 근처)를 특징으로 합니다.97757— 앤트로픽 자체의 클로드 인터랙션 강조 표시(사용자 브리핑에서 일종의 단서로 읽힘); 거의 검은색 배경에 밝은 산성 녹색 또는 주홍색 강조 표시; 가는 선, 테두리 반경 0, 신문처럼 촘촘한 열로 구성된 브로드시트 스타일 레이아웃;
상류 통로 · L36 ↗프런트엔드 디자인
당신이 이끄는 디자인 스튜디오에서 모든 클라이언트에게 다른 누구와도 혼동될 수 없는 독특한 시각적 정체성을 부여한다고 가정하고 이 프로젝트에 접근하세요. 클라이언트는 이미 진부하거나 틀에 박힌 제안들을 거절했고, 차별화된 관점을 원하고 있습니다. 따라서 이번 의뢰에 맞춰 색상 팔레트, 타이포그래피, 레이아웃에 대해 신중하고 확고한 의견을 제시하고, 필요하다면 미적인 모험도 과감히 시도하세요.
상류 통로 · L7 ↗주제에 기반하여 디자인을 구상하세요.
의뢰서에 제품이나 주제가 명시되어 있지 않다면, 디자인 작업을 시작하기 전에 스스로 파악하고 클라이언트와 확인해야 합니다. 구체적인 주제, 대상 고객, 그리고 디자인의 주요 기능을 제안서에 포함시킬 수 있습니다. 클라이언트의 선호도나 제작하려는 제품에 대한 배경 정보가 있다면 이를 힌트로 활용하세요. 대상 산업, 주제, 재료, 그리고 용어는 독창적인 시각적 선택을 위한 중요한 요소입니다. 예를 들어, 여자아이들을 위한 장난감 디자인이라면, 특정 연령대의 아이들을 위한 장난감을 디자인해야 할 것입니다.8–11금융 분석가용 대시보드와는 미적으로 매우 다를 것입니다. 브리핑에 제시된 실제 내용과 주제를 바탕으로 전체적으로 구축하십시오.
상류 통로 · L11 ↗요구 사항 및 설정
이 파일에서 간략한 요구사항 구절이 선택되지 않았습니다. 이는 해당 스킬에 종속성이 없다는 의미는 아닙니다. 저장소 설정 지침 및 참조 파일을 확인하십시오.
제한 사항 및 품질 검사
이 파일에서 별도의 제한 조건 구문이 선택되지 않았습니다. 이는 해당 스킬이 모든 입력 또는 환경에서 안전하다는 것을 의미하지 않습니다. 전체 소스 코드를 검토하고 결과를 직접 확인하십시오.
안전한 시험 사용부터 시작하세요
- 지원되는 호스트와 저장소 설치 지침을 확인하세요. 스킬 디렉토리와 해당 디렉토리에서 참조하는 스크립트, 자산 및 문서를 함께 보관하세요.SKILL.md단독으로는 종속성을 생략할 수 있습니다.
- 에이전트에 실제 입력값, 원하는 출력값 및 승인 기준을 제공하십시오. 호출 구문 및 사용 가능한 도구는 호스트에 따라 다르므로 이 사이트는 범용 설치 명령을 제공하지 않습니다.
- 원본 워크플로를 임시 프로젝트 또는 복사본에서 테스트해 보세요. 파일, 원격 서비스 또는 유료 리소스를 변경하는 작업은 허용하기 전에 검토하십시오.
- 출력 결과를 원본 품질 검사 및 자체 요구 사항에 맞춰 검증하십시오. 트리거가 성공적으로 작동했거나 저장소의 별점 수가 높다고 해서 반드시 올바른 결과가 나오는 것은 아닙니다.
원문에서 더 자세한 내용을 읽어보세요.
관련 기술
번역 및 범위
이 독서 안내서는 고정된 상류 지역에서 발췌한 구절들을 소개합니다.SKILL.md본 번역은 보조 번역이며, 완전한 설명서 또는 호환성 테스트를 보장하는 것은 아닙니다. 사용 전에 원본 및 참조 파일을 반드시 읽어 주십시오.
이 소개글은 아래 고정된 버전을 참조하며, 현재 저장소 활동 및 수집 시간은 별도로 표시됩니다.
- 고정된 소스
- 원문을 읽어보세요 ↗
- 출처 검색됨
- 소스 커밋
ca45fc496a3436251f191354091d557da31c15b5- 출처 SHA-256
d91970639e9f5c37682ac7ab60094d35f1c7c1f38d731bd56396563aee10c1d3