visual-design-foundations
타이포그래피, 색채 이론, 간격 체계 및 아이콘 디자인 원칙을 적용하여 일관성 있는 시각적 디자인을 구현하세요. 디자인 토큰을 정의하거나, 스타일 가이드를 작성하거나, 시각적 위계와 일관성을 개선할 때 활용하세요.
스킬 불러오는 중
스킬 불러오는 중
스킬 불러오는 중
전 세계 AI 스킬을 둘러보고, 내 작업에 맞게 좁혀보세요.
skills.sh API 기준방금 확인
타이포그래피, 색채 이론, 간격 체계 및 아이콘 디자인 원칙을 적용하여 일관성 있는 시각적 디자인을 구현하세요. 디자인 토큰을 정의하거나, 스타일 가이드를 작성하거나, 시각적 위계와 일관성을 개선할 때 활용하세요.
‘Cache Components / PPR’ 아래에서 에이전틱 루프를 설정하여, 초기 로드(하드 네비게이션) 및 클라이언트 측 네비게이션(소프트 네비게이션) 시 Next.js 경로의 즉각적인 네비게이션을 구현합니다. 목표를 실패하는 @next/playwright instant() e2e 테스트로 정의하고, 검증된 경로를 하나씩 처리하여 테스트가 통과되도록 만드세요. 배포된 테스트는 이후 회귀 현상을 방지해 줍니다. 경로의 탐색을 즉시 처리해야 할 때(정적 셸이 즉시 커밋됨), 정적 셸이 사전 렌더링/제공/사전 가져오기되지 않은 경로를 수정하거나, 경로의 정적 셸을 확장하거나 첫 페인트 속도를 개선하거나, 어떤 Suspense 경계가 경로를 정적 셸에서 제외시키는지 진단하거나, 특정 경로에 대한 instant() e2e 가드 테스트를 작성할 때 사용합니다. cacheComponents가 포함된 Next.js 16.3 이상이 필요하며, 버전이 더 낮은 경우 업그레이드를 안내합니다.
CSS-in-JS, 구성 전략, 재사용 가능한 컴포넌트 아키텍처 등 React, Vue, Svelte의 컴포넌트 패턴을 숙지하세요. UI 컴포넌트 라이브러리를 구축하거나, 컴포넌트 API를 설계하거나, 프론트엔드 디자인 시스템을 구현할 때 활용하세요.
서비스 경계, 이벤트 기반 통신 및 복원력 패턴을 고려하여 마이크로서비스 아키텍처를 설계합니다. 분산 시스템을 구축하거나, 모놀리식 시스템을 분해하거나, 마이크로서비스를 구현할 때 활용하십시오.