오늘의 AI01
언제 사용하는가
HyperFrames 구성 요소용 Tailwind CSS v4.2 브라우저 런타임 패턴입니다.
hyperframes init --tailwind로 생성하거나 해당 명령어로 만든 프로젝트를 수정할 때, 구성 HTML에서 Tailwind 유틸리티 클래스를 작성할 때, CSS 중심의 Tailwind v4 테마 토큰을 추가할 때, v3와 v4 문법 비교 디버깅 시, 또는 Tailwind를 CSS로 컴파일하는 대신 브라우저 런타임 사용 여부를 결정할 때 사용합니다.
02
따라 하는 방법
- npx hyperframes lint을 실행합니다.
- npx hyperframes validate을 실행합니다.
- npx hyperframes inspect을 실행합니다.
- npx hyperframes render . --workers 1 --quality draft --output tailwind-proof.mp4을 실행합니다.
03
설치 방법
npx skills add installs: 71052 --skill tailwind