현지화된 읽기 가이드
frontend-design-review목적, 사용법 및 출처
독창적이고 높은 디자인 품질과 디자인 시스템 준수를 갖춘 상용 수준의 프런트엔드 인터페이스를 검토하고 제작합니다. 원활한 인사이트 도출, 뛰어난 품질의 디자인, 신뢰할 수 있는 구축이라는 세 가지 핵심 요소를 기준으로 평가합니다. 활용 분야: PR 검토, 디자인 검토, 접근성 감사, 디자인 시스템 준수 점검, 창의적인 프런트엔드 디자인, UI 코드 검토, 컴포넌트 검토, 반응형 디자인 점검, 테마 테스트, 기억에 남는 UI 제작. 사용 불가 분야: 백엔드 API 검토, 데이터베이스 스키마 검토, 인프라 또는 DevOps 작업, UI가 포함되지 않은 순수 비즈니스 로직, 프런트엔드 이외의 코드.
출처 검색됨:
- 소스 저장소
- microsoft/skills
- SKILL.md
.github/skills/frontend-design-review/SKILL.md- 저장소 Star
- 3,157
- 저장소 최근 업데이트
- 2026-10-31
- 능력 분류
- 개발
- 최근 수집 시간
라이선스: MIT
워크플로 발췌본은 이해를 돕기 위한 자료이며, Codez에서 제공하는 실행 가능한 명령어가 아닙니다. 이 페이지를 생성하는 데 타사 Skill은 사용되지 않았습니다.
아래의 목적 및 워크플로 관련 내용은 읽기 쉽도록 정리 및 번역된 상위 자료입니다. 이는 별도로 분류된 Codez 편집 분석과는 별개입니다.
이 스킬의 기능
독창적이고 높은 디자인 품질과 디자인 시스템 준수를 갖춘 상용 수준의 프런트엔드 인터페이스를 검토하고 제작합니다. 원활한 인사이트 도출, 뛰어난 품질의 디자인, 신뢰할 수 있는 구축이라는 세 가지 핵심 요소를 기준으로 평가합니다. 활용 분야: PR 검토, 디자인 검토, 접근성 감사, 디자인 시스템 준수 점검, 창의적인 프런트엔드 디자인, UI 코드 검토, 컴포넌트 검토, 반응형 디자인 점검, 테마 테스트, 기억에 남는 UI 제작. 사용 불가 분야: 백엔드 API 검토, 데이터베이스 스키마 검토, 인프라 또는 DevOps 작업, UI가 포함되지 않은 순수 비즈니스 로직, 프런트엔드 이외의 코드.
업스트림 워크플로우 작동 방식
설계 시스템 워크플로우
Storybook/컴포넌트 라이브러리에서 컴포넌트의 API 및 사용법을 검토하세요. Figma 개발자 모드를 사용하여 정확한 사양(간격, 토큰, 속성)을 확인하세요. 디자인 시스템 컴포넌트와 디자인 토큰을 사용하여 구현하세요. 구현 결과를 Figma 디자인과 비교하세요.
상류 통로 · L54 ↗핵심 원칙
작업 완료: 최소한의 클릭. 모든 화면에서 "무엇을 할 수 있나요?"와 "다음에는 무슨 일이 일어날까요?"에 대한 답을 찾을 수 있습니다. 액션 계층 구조:1-2뷰별 주요 작업. 보조 정보는 점진적으로 공개. 온보딩: 소개 시 기능 설명. 설정보다 스마트한 기본값 사용. 명확한 탐색.entry/exit전철기.Back/cancel항상 이용 가능합니다. 심층적인 흐름을 위한 단서입니다.
상류 통로 · L82 ↗요구 사항 및 설정
이 파일에서 간략한 요구사항 구절이 선택되지 않았습니다. 이는 해당 스킬에 종속성이 없다는 의미는 아닙니다. 저장소 설정 지침 및 참조 파일을 확인하십시오.
제한 사항 및 품질 검사
2품질은 장인정신에서 비롯됩니다.
디자인 시스템 준수: Figma 사양에 부합하고 디자인 토큰을 사용합니다. 미적 방향: 독특한 타이포그래피, 조화로운 색상, 의도적인 움직임을 특징으로 합니다.
상류 통로 · L99 ↗안전한 시험 사용부터 시작하세요
- 지원되는 호스트와 저장소 설치 지침을 확인하세요. 스킬 디렉토리와 해당 디렉토리에서 참조하는 스크립트, 자산 및 문서를 함께 보관하세요.SKILL.md단독으로는 종속성을 생략할 수 있습니다.
- 에이전트에 실제 입력값, 원하는 출력값 및 승인 기준을 제공하십시오. 호출 구문 및 사용 가능한 도구는 호스트에 따라 다르므로 이 사이트는 범용 설치 명령을 제공하지 않습니다.
- 원본 워크플로를 임시 프로젝트 또는 복사본에서 테스트해 보세요. 파일, 원격 서비스 또는 유료 리소스를 변경하는 작업은 허용하기 전에 검토하십시오.
- 출력 결과를 원본 품질 검사 및 자체 요구 사항에 맞춰 검증하십시오. 트리거가 성공적으로 작동했거나 저장소의 별점 수가 높다고 해서 반드시 올바른 결과가 나오는 것은 아닙니다.
원문에서 더 자세한 내용을 읽어보세요.
관련 기술
번역 및 범위
이 독서 안내서는 고정된 상류 지역에서 발췌한 구절들을 소개합니다.SKILL.md본 번역은 보조 번역이며, 완전한 설명서 또는 호환성 테스트를 보장하는 것은 아닙니다. 사용 전에 원본 및 참조 파일을 반드시 읽어 주십시오.
이 소개글은 아래 고정된 버전을 참조하며, 현재 저장소 활동 및 수집 시간은 별도로 표시됩니다.
- 고정된 소스
- 원문을 읽어보세요 ↗
- 출처 검색됨
- 소스 커밋
00d66a64919edca5bca2c673373444e36a4b5461- 출처 SHA-256
639b68cdc6f9b4cdd66a111851555afee2eb82d4de37bf9cbad3be845bb00c2d