프론트엔드-디자인은(는) 무엇을 하나요?
매거의 실제 디자인 취향에 따라 프론트엔드 UI를 생성, 재스타일링 및 가이드하는 스킬입니다. 개념 주도적인 인터페이스로, 저작감이 느껴지고 촉각적이며 표현력이 풍부하고 매우 사용하기 쉽습니다. 따뜻한 편집 스타일, 밝고 현대적인 제품 디자인, 고대비 네온 시스템에 이르기까지 다양한 스펙트럼을 아우릅니다. 프론트엔드 UI를 구축하거나 리뷰할 때 이 스킬을 사용하세요.
매거의 실제 디자인 취향(개념 주도적이고, 저작감이 느껴지며, 촉각적이고, 표현력이 풍부하며, 매우 사용하기 쉬운 UI)에 따라 프론트엔드 UI를 생성, 재스타일링 및 가이드하는 스킬입니다.
이 스킬은 프론트엔드 개발 또는 UI 리뷰를 할 때 매거의 독특한 디자인 감각을 일관되게 적용할 수 있도록 도와줍니다. 개념 주도적인 인터페이스로, 따뜻한 편집 스타일, 밝고 현대적인 제품 디자인, 고대비 네온 시스템에 이르기까지 다양한 시각적 스펙트럼을 지원합니다. AI 에이전트(예: Claude Code, Cursor)와 함께 사용하여 새로운 UI를 생성하거나 기존 UI를 재스타일링할 때 매거의 디자인 원칙을 자동으로 반영할 수 있습니다. 개발자는 이 스킬을 적용함으로써 개성 있고 일관된 사용자 경험을 효율적으로 구축할 수 있습니다.
npx skills add https://github.com/mager/frontend-design/tree/main/skills/frontend-design매거의 실제 디자인 취향에 따라 프론트엔드 UI를 생성, 재스타일링 및 가이드하는 스킬입니다. 개념 주도적인 인터페이스로, 저작감이 느껴지고 촉각적이며 표현력이 풍부하고 매우 사용하기 쉽습니다. 따뜻한 편집 스타일, 밝고 현대적인 제품 디자인, 고대비 네온 시스템에 이르기까지 다양한 스펙트럼을 아우릅니다. 프론트엔드 UI를 구축하거나 리뷰할 때 이 스킬을 사용하세요.
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".