web-design-reviewer
✓Black-Tortoise UI 검토 및 수정은 Angular 20 이상 독립 실행형 구성 요소, Material Design 3 토큰, @ngrx/signals 상태 및 DDD 레이어 경계에 중점을 둡니다. 이 저장소에서 UI, 레이아웃 또는 디자인을 검토할 때 사용합니다. 응답성, a11y, 간격 및 M3 토큰 사용량을 확인합니다. 프리젠테이션 스타일/템플릿에 최소한의 수정 사항을 적용합니다.
SKILL.md
This skill focuses on the Black-Tortoise Angular 20 + Material Design 3 UI stack, identifying and fixing presentation-layer issues at the source code level.
Please provide the URL of the website to review (e.g., http://localhost:3000)
| Framework | Confirm Angular 20 standalone components? | | Styling Method | SCSS with Material Design 3 tokens? | | Source Location | Which presentation components or styles? | | Review Scope | Specific pages only or entire UI? |
Black-Tortoise UI 검토 및 수정은 Angular 20 이상 독립 실행형 구성 요소, Material Design 3 토큰, @ngrx/signals 상태 및 DDD 레이어 경계에 중점을 둡니다. 이 저장소에서 UI, 레이아웃 또는 디자인을 검토할 때 사용합니다. 응답성, a11y, 간격 및 M3 토큰 사용량을 확인합니다. 프리젠테이션 스타일/템플릿에 최소한의 수정 사항을 적용합니다. 출처: 7spade/black-tortoise.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/7spade/black-tortoise --skill web-design-reviewer- 카테고리
- #문서
- 인증됨
- ✓
- 최초 등록
- 2026-02-03
- 업데이트
- 2026-02-18
빠른 답변
web-design-reviewer이란?
Black-Tortoise UI 검토 및 수정은 Angular 20 이상 독립 실행형 구성 요소, Material Design 3 토큰, @ngrx/signals 상태 및 DDD 레이어 경계에 중점을 둡니다. 이 저장소에서 UI, 레이아웃 또는 디자인을 검토할 때 사용합니다. 응답성, a11y, 간격 및 M3 토큰 사용량을 확인합니다. 프리젠테이션 스타일/템플릿에 최소한의 수정 사항을 적용합니다. 출처: 7spade/black-tortoise.
web-design-reviewer 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/7spade/black-tortoise --skill web-design-reviewer 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/7spade/black-tortoise
상세
- 카테고리
- #문서
- 출처
- skills.sh
- 최초 등록
- 2026-02-03