디자인·UI

UI/디자인을 디터 람스의 10가지 좋은 디자인 원칙으로 증거 기반 채점하고, 신규·개선·재설계 판정과 후속 기획 프롬프트까지 만들어 주는 스킬.

UI 구현·리디자인·성능 감사 요청을 디자인 취향/브랜드/성능/디자인 운영 4개 룰셋으로 라우팅해, 시니어 디자이너 수준의 화면을 만들게 하는 스킬.

UI를 만들거나 수정한 뒤 스크린샷·터미널 캡처를 픽셀 단위로 비교하고 두 명의 독립 리뷰어를 병렬로 돌려 최종 합격/불합격을 내리는 시각 품질 검증 스킬.

UI 구현·리디자인·성능 감사 요청을 4개 전문 룰셋으로 자동 라우팅해 시니어 디자이너 수준의 화면을 만들게 하는 프론트엔드 총괄 스킬.

UI/UX 작업 시 취향 규칙·브랜드 디자인 시스템·성능 감사 규칙을 자동으로 골라 적용해 '평범한 AI 결과물'을 막아주는 프론트엔드 총괄 스킬.

Figma 파일을 REST API로 분석해 페이지·화면·컴포넌트·디자인 토큰을 인터랙티브 디자인 지식 그래프로 만들어 줍니다.

버튼·모달·콤보박스 같은 UI 컴포넌트를 8가지 상태·토큰·접근성까지 검증된 스펙으로 문서화해 주는 스킬.

한 줄 요청만으로 컨셉·아트디렉션·모션·WebGL·QA까지 거쳐 Awwwards 수상 수준의 웹사이트를 완성해 주는 스킬입니다.

Expo/React Native 모바일 화면을 애플 HIG 수준의 네이티브 감성으로 설계·구현하고 시뮬레이터 녹화로 검증하게 하는 스킬입니다.

사람이 승인한 UI 디자인 수정 사례를 민감정보 없이 로컬 후보 규칙으로 기록하고, 검토·선택적 공유 패키지까지 만드는 StyleSeed 스킬입니다.

Figma 보드에서 디자인한 변경 사항을 Remotion 모션 그래픽 컴포넌트와 브랜드 토큰에 반영하고, 코드 변경도 다시 보드로 되돌려 동기화를 유지합니다.

소설 원작 자료를 바탕으로 서로 진짜 다른 게임 콘셉트 3안을 만들고, 하드 비토와 트레이드오프로 가장 만들 만한 프로토타입 방향을 고릅니다.

StyleSeed 디자인 규약에 맞춰 React/Tailwind v4 UI 컴포넌트를 일관된 형태로 생성해 주는 스킬입니다.

StyleSeed 규칙 세트를 먼저 확정한 뒤 화면을 만들고, 코드 점수와 픽셀 검증 게이트를 통과시킨 결과만 보고하게 하는 빌드 워크플로 스킬입니다.

codeck의 deck.md 개요를 읽어 디자인 시스템·레이아웃 규칙을 정하고 단일 HTML 발표자료로 조립해주는 디자이너 역할 스킬입니다.