css-reduction-methodology은(는) 무엇을 하나요?
기존 CSS 코드베이스를 페이지 단위 혼란에서 토큰화된 프리미티브 시스템으로 진화시키기 위한 다단계 방법론입니다. 명시적인 의사 결정 규칙을 가진 5단계로 구성되어 있습니다. Claude Code / Claude Agent 스킬.
기존 CSS 코드베이스를 페이지 단위 혼란에서 토큰화된 프리미티브 시스템으로 진화시키기 위한 다단계 방법론입니다. 명시적인 의사 결정 규칙을 가진 5단계로 구성되어 있습니다. Claude Code / Claude Agent 스킬.
이 스킬은 기존 CSS 코드베이스를 체계적으로 리팩토링하여 재사용 가능하고 유지보수하기 쉬운 토큰 기반 디자인 시스템으로 전환하는 방법론을 제공합니다. 다섯 단계(Phase 1~5)로 구성되어 있으며, 각 단계마다 명확한 의사 결정 규칙이 있어 개발자가 혼란 없이 점진적으로 CSS를 개선할 수 있습니다. Claude Code 및 Claude Agent 환경에서 사용할 수 있으며, 기존 페이지 단위로 흩어져 있던 스타일을 분석하고 추출하여 공통 프리미티브를 식별하고 최종적으로 토큰 시스템으로 통합합니다. 이 스킬은 특히 대규모 CSS 코드베이스를 관리하는 프론트엔드 팀에게 유용하며, 수동 리팩토링의 방향성을 제공하고 코드 일관성을 높이는 데 도움을 줍니다.
npx skills add qza/css-reduction-methodology기존 CSS 코드베이스를 페이지 단위 혼란에서 토큰화된 프리미티브 시스템으로 진화시키기 위한 다단계 방법론입니다. 명시적인 의사 결정 규칙을 가진 5단계로 구성되어 있습니다. Claude Code / Claude Agent 스킬.
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".