Dark Mode

frontend-ui-dark-ts는 TypeScript, Tailwind CSS, Framer Motion, 재사용 가능한 디자인 토큰을 활용해 다크 테마 React UI를 구축하는 데 도움이 됩니다. 대시보드, 관리자 패널, 분석 화면처럼 데이터가 많은 인터페이스에 적합하며, 세련된 다크 톤과 일관된 컴포넌트 패턴이 필요한 경우에 잘 맞습니다.

ui-web은 WCAG 2.1 AA 점검, 높은 대비, 잘 보이는 컨트롤, 다크 모드에 친화적인 Tailwind 패턴을 바탕으로 웹 UI 컴포넌트의 디자인과 스타일링을 도와줍니다. React 스타일 프런트엔드에서 실용적인 UI 디자인 가이드가 필요하고, 접근성을 높이면서 시행착오를 줄이고 싶을 때 이 ui-web 스킬을 사용하세요.

ui-testing 스킬은 릴리스 전에 보이지 않는 버튼, 낮은 대비, 포커스 상태 누락, 터치 타깃 문제를 잡아내기 위한 체크리스트 기반 UI 검증 워크플로를 제공합니다. UI 디자인 리뷰, 컴포넌트 점검, 간단한 접근성 점검에 적합하며, 일반적인 테스트 프롬프트보다 추측을 줄여줍니다.

ios-design-guidelines는 iPhone용 SwiftUI/UIKit 인터페이스를 Apple Human Interface Guidelines에 맞춰 검토, 다듬기, 재작성하는 데 도움을 줍니다. 레이아웃, 내비게이션, 접근성, Dynamic Type, Dark Mode, 시스템 컴포넌트 선택처럼 실무적인 ios-design-guidelines 가이드 피드백이 필요할 때 UI Design에 유용합니다.

makepad-2.0-theme는 Makepad 2.0용 테마 스킬로, `theme.*` 변수 적용, 다크/라이트 테마 전환, 디자인 토큰 기반 스타일 일관성 유지를 돕습니다. 이 가이드는 프로덕션 UI와 디자인 시스템에서 makepad-2.0-theme의 설치와 사용법을 이해하는 데 도움을 줍니다.