스킬 목록
캔버스 디자인 (Canvas Design)
공식디자인 철학을 먼저 세우고 그 철학대로 PNG·PDF 아트워크를 만들어 주는 공식 디자인 스킬.
알고리즘 아트 (Algorithmic Art)
공식p5.js로 시드 기반 제너러티브 아트를 만들고, 파라미터를 실시간으로 조절할 수 있는 인터랙티브 뷰어까지 한 번에 생성해 주는 공식 스킬입니다.
프론트엔드 디자인 디렉션
공식템플릿 같지 않은, 주제에 밀착한 UI 비주얼 방향을 잡아주는 공식 디자인 리드 스킬.
Frontend 디자인 라우터
UI 구현·리디자인·모션·성능 감사를 4개 룰셋으로 라우팅해 '시니어 디자이너 수준'의 프론트엔드 결과물을 강제하는 스킬.
Design Is — 디터 람스 디자인 감사
디터 람스의 10가지 '좋은 디자인' 원칙으로 UI를 증거 기반 채점하고, 신규·개선·재설계 판정과 실행 계획 프롬프트까지 만들어 주는 스킬.
Frontend 디자인 라우터
프론트엔드 UI 작업을 디자인 취향·성능·UX DB·디자인 운영 4개 룰셋으로 라우팅해 'AI 티 나는' 화면을 막아주는 스킬.
Visual QA (비주얼 검증)
웹 UI와 터미널 UI를 스크린샷·픽셀 디프 증거와 두 개의 독립 리뷰어로 이중 검증해 GOOD/NEEDS WORK 판정을 내리는 스킬.
프론트엔드 디자인 라우터
UI 구현·리디자인·성능 감사 요청을 4개 룰셋으로 라우팅해 'senior 디자이너 수준' 결과물을 강제하는 프론트엔드 총괄 스킬.
Apple HIG 전문가
iOS·macOS·watchOS·visionOS 디자인을 애플 휴먼 인터페이스 가이드라인 기준으로 점검하고 설계해 주는 스킬입니다.
테마 팩토리 (Theme Factory)
공식슬라이드·문서·HTML 랜딩페이지에 10종 전문 테마(색상+폰트)를 골라 일관되게 입혀주는 공식 스킬.
바오위 다이어그램 (SVG 도식 생성기)
아키텍처·플로차트·시퀀스·마인드맵 등 9종 도식을 다크 테마 SVG 한 파일로 만들어 주는 스킬입니다.
브랜드 가이드라인 (Anthropic)
공식Anthropic 공식 브랜드 컬러와 서체를 문서·슬라이드·웹 결과물에 자동 적용해 주는 스킬입니다.
understand-figma — Figma 디자인 지식 그래프 생성기
Figma 파일을 REST API로 분석해 페이지·화면·컴포넌트·디자인 토큰 관계를 인터랙티브 지식 그래프와 대시보드로 만들어 줍니다.
UI 디자이너 (레퍼런스 → 디자인 시스템)
참고 UI 스크린샷에서 색상·타이포·컴포넌트 규칙을 추출해 디자인 시스템, PRD, 바로 쓸 수 있는 구현 프롬프트까지 만들어 줍니다.
LLM 아이콘 파인더
Claude, GPT, Gemini 등 AI/LLM 브랜드 아이콘을 lobe-icons에서 즉시 찾아 URL과 파일로 제공하는 스킬.
디자인 스타일 선택기
말로 설명하기 힘든 취향을 여러 시안 매트릭스로 뽑아 비교·선택하게 해주는 디자인 방향 탐색 스킬.