최신 웹 개발을 위한 내구성 있는 UI 패턴 - 페이지 로드, 브라우저 세션 및 공유 가능한 URL 전반에 걸쳐 클라이언트 측 상태를 유지합니다. localStorage 지속성, URL 쿼리 매개변수 상태, 양식 초안 자동 저장, 다단계 마법사 지속성, 외부 클릭 해제, 모달/대화 상자 배경 패턴 또는 탄력적이고 올바르게 작동해야 하는 클라이언트측 상태 및 상호 작용 패턴을 구현할 때 이 기술을 사용하세요. React, Vue, Svelte와 함께 작동합니다.
명령줄에서 durable-ui AI 스킬을 개발 환경에 빠르게 설치
출처: sailscastshq/boring-stack.
Durable UI is the practice of making client-side state and interactions resilient. State should survive page reloads, browser sessions, and — where appropriate — be shareable via URL. Interactive elements like dropdowns and modals should be dismissable in the ways users expect (click outside, Escape, backdrop click). Multi-step flows should never lose progress. Durable UI fills the gap for UI preferences, navigati...
Read individual rule files for detailed explanations and code examples:
최신 웹 개발을 위한 내구성 있는 UI 패턴 - 페이지 로드, 브라우저 세션 및 공유 가능한 URL 전반에 걸쳐 클라이언트 측 상태를 유지합니다. localStorage 지속성, URL 쿼리 매개변수 상태, 양식 초안 자동 저장, 다단계 마법사 지속성, 외부 클릭 해제, 모달/대화 상자 배경 패턴 또는 탄력적이고 올바르게 작동해야 하는 클라이언트측 상태 및 상호 작용 패턴을 구현할 때 이 기술을 사용하세요. React, Vue, Svelte와 함께 작동합니다. 출처: sailscastshq/boring-stack.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/sailscastshq/boring-stack --skill durable-ui최신 웹 개발을 위한 내구성 있는 UI 패턴 - 페이지 로드, 브라우저 세션 및 공유 가능한 URL 전반에 걸쳐 클라이언트 측 상태를 유지합니다. localStorage 지속성, URL 쿼리 매개변수 상태, 양식 초안 자동 저장, 다단계 마법사 지속성, 외부 클릭 해제, 모달/대화 상자 배경 패턴 또는 탄력적이고 올바르게 작동해야 하는 클라이언트측 상태 및 상호 작용 패턴을 구현할 때 이 기술을 사용하세요. React, Vue, Svelte와 함께 작동합니다. 출처: sailscastshq/boring-stack.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/sailscastshq/boring-stack --skill durable-ui 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/sailscastshq/boring-stack