Tailwind CSS 기반의 Rails 8+ 엔진으로, WCAG 2.2 AA를 준수하는 커스터마이징 가능한 디자인 토큰, 유틸리티 클래스, 테마 전환, 모바일 네비게이션, 슬라이드아웃 패널, 모달, 탭을 위한 Stimulus 컨트롤러를 제공합니다. Devise, Pagy, Ransack 등 기존 Gem과 통합되며, AI 코딩 도구용 스킬이 포함되어 있습니다.
layered-ui-rails는 Rails 8+ 애플리케이션을 위한 오픈 소스 UI 엔진으로, Tailwind CSS를 기반으로 하여 접근성과 생산성을 동시에 제공합니다. WCAG 2.2 AA 표준을 준수하는 디자인 토큰을 지원하므로, 시각 장애가 있는 사용자도 원활하게 사용할 수 있는 인터페이스를 구축할 수 있습니다. 또한 Devise, Pagy, Ransack과 같은 널리 사용되는 Ruby Gem과의 통합을 통해 추가적인 설정 없이도 인증, 페이지네이션, 검색 기능을 쉽게 적용할 수 있습니다. 이 스킬은 AI 코딩 도구(예: Claude Code, Cursor)와 함께 사용할 수 있도록 설계되어, 개발자가 명령어만으로 UI 컴포넌트와 디자인 토큰을 생성하고 수정할 수 있게 해줍니다. 주요 UI 컴포넌트로는 테마 전환, 모바일 네비게이션, 슬라이드아웃 패널, 모달, 탭 등이 있으며, Stimulus 컨트롤러를 통해 상호작용을 처리합니다. 결과적으로 개발자 경험을 개선하고, 일관된 디자인 시스템을 유지하면서 빠르게 Rails 애플리케이션을 구축할 수 있습니다.
npx skills add layered-ai-public/layered-ui-railsRails 8+용 오픈 소스 엔진으로, Tailwind CSS를 기반으로 구축되었습니다. 커스터마이징 가능한 WCAG 2.2 AA 준수 디자인 토큰, 유틸리티 클래스, 그리고 테마 전환, 모바일 네비게이션, 슬라이드아웃 패널, 모달, 탭을 위한 Stimulus 컨트롤러를 제공합니다. 이미 사용 중인 Gem(Devise, Pagy, Ransack)과 통합됩니다. AI 코딩 도구용 에이전트 스킬이 포함되어 있습니다.
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".