shadcn/ui 컴포넌트(Radix UI + Tailwind 기반), Tailwind CSS 유틸리티 우선 스타일링, 캔버스 기반 시각적 디자인으로 아름답고 접근성 좋은 사용자 인터페이스를 만드세요. 사용자 인터페이스 구축, 디자인 시스템 구현, 반응형 레이아웃 생성, 접근성 컴포넌트(대화상자, 드롭다운, 폼, 테이블) 추가, 테마 및 색상 사용자 정의, 다크 모드 구현, 시각적 디자인 및 포스터 생성, 또는 애플리케이션 전체에서 일관된 스타일링 패턴 확립할 때 사용하세요.
당신이 되다
다음 시나리오에 적합
논리적인 흐름에 따라 상세한 연구 방법론과 실험 설계를 개발하다
복잡한 시스템을 관리하기 쉬운 구성 요소로 분해하고 명확한 종속성을 설정합니다
복잡한 데이터 세트에서 통찰력을 추출하기 위한 단계별 프레임워크를 만드세요
명확한 이정표와 리스크 완화 조치를 포함하는 다단계 비즈니스 이니셔티브를 기획하다
측정된 효과
검증된 이점과 측정 가능한 영향
체계적이고 순차적인 사고를 통해 복잡한 문제 해결에 소요되는 시간을 단축하세요
추론상의 논리적 공백을 없애 더 견고한 솔루션을 생성합니다
압도적인 과제를 관리 가능한 순차적 단계로 나누기
장착 내용
파일 · 태그 · 3단계 설치
팁: 처음 사용하기 전에 문서와 코드를 읽고 기능과 필요한 권한을 확인하세요.
다음 시나리오
태그 및 카테고리 기반 추천
OpenAPI, Swagger 및 GraphQL 스키마가 백엔드 구현과 일치하는지 확인합니다. 변경사항 파괴 감지, TypeScript 클라이언트 생성, API 문서 동기화 유지를 합니다. API 스펙 파일(.yaml, .json, .graphql) 작업, API 변경 사항 검토, 프론트엔드 타입 생성 또는 엔드포인트 구현 유효성 검사 시 사용하세요.
증명된 디자인 원칙을 따라 미학적으로 아름다운 인터페이스를 만드세요. UI/UX 구축, 영감 사이트의 디자인 분석, ai-multimodal을 통한 디자인 이미지 생성, 시각적 계층과 색채 이론 구현, 마이크로 인터랙션 추가, 디자인 문서 작성 시 사용하세요. chrome-devtools와 ai-multimodal로 영감 스크린샷을 캡처하고 분석하는 워크플로, 미학 기준을 충족할 때까지 반복적인 디자인 이미지 생성, BEAUTIFUL(미학 원칙), RIGHT(기능성/접근성), SATISFYING(마이크로 인터랙션), PEAK(스토리텔링) 단계를 다루는 종합적인 디자인 시스템 가이드가 포함되어 있습니다. chrome-devtools, ai-multimodal, media-processing, ui-styling, web-frameworks 기술과 통합됩니다.