.claude/skills/ux-review/SKILL.md
UI/UX 설계를 전문 비평가 관점으로 분석한다. 시각적 계층, 타이포그래피, 인터랙션, 접근성을 백그라운드 에이전트에서 검토한다.
npx skillsauth add sohee-an/smart-bookmark-app .claude/skills/ux-reviewInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
아래 형식으로 Agent 도구를 호출한다. 반드시 run_in_background: true로 실행한다.
Agent 호출:
subagent_type: ux-critic
run_in_background: true
description: "UX 리뷰 실행"
prompt: |
[분석 대상 명시 또는 "전체 UI 우선순위 순서대로 분석"]
.claude/agents/ux-critic.md 의 체크리스트 기준으로 분석해줘.
에이전트를 호출한 뒤 사용자에게 "백그라운드에서 UX 분석 중입니다. 완료되면 알려드릴게요." 라고 안내한다.
분석 완료 후 결과를 반드시 아래 경로에 저장한다:
.claude/project/reviews/ux-review-YYYY-MM-DD.md
저장 형식은 기존 파일(.claude/project/reviews/ux-review-2026-03-29.md)을 참고한다.
devops
Notion에서 변경된 태스크를 감지하고 해당 단계를 진행한다
development
# 📖 스마트 북마크 통합 코드 리뷰 가이드라인 본 가이드라인은 Google, Palantir의 리뷰 원칙, Conventional Comments의 소통 방식, Pagepro의 React 베스트 프랙티스, 그리고 본 프로젝트의 고유 아키텍처를 하나로 통합한 시니어 엔지니어링 기준입니다. --- ## 🏗️ 1. 프로젝트 아키텍처 표준 (FSD + Pages Router) 우리 프로젝트는 **Feature-Sliced Design (FSD)** 과 **Atomic Design** 패턴을 엄격히 준수합니다. ### 📂 Layer 지침 - **shared**: 공통 UI(Atoms), 유틸리티, 전역 Hooks (예: `src/shared/ui/Button.tsx`) - **entities**: 데이터 도메인 핵심 엔티티 (예: `src/entities/bookmark`) - **features**: 사용자 상호작용 및 비즈니스 로직 단위 (예: `src/features/
testing
보안 취약점을 공격자 시점으로 분석한다. 백그라운드 에이전트에서 실행된다.
testing
웹 제품 완성도를 QA 관점으로 분석한다. 기능 단위 또는 전체 UI를 백그라운드 에이전트에서 검토한다.