frontend-patterns은(는) 무엇을 하나요?
Claude Code 스킬: 프론트엔드 컴포넌트 패턴 라이브러리 — React/Vue 컴포넌트 템플릿, 커스텀 Hook 패턴, CSS 전략, 테스팅 패턴, 아키텍처 모범 사례
Claude Code 스킬: 프론트엔드 컴포넌트 패턴 라이브러리 — React/Vue 컴포넌트 템플릿, 커스텀 Hook 패턴, CSS 전략, 테스팅 패턴, 아키텍처 모범 사례
이 스킬은 프론트엔드 개발자와 AI 에이전트(예: Claude Code)가 React 및 Vue 기반 프로젝트에서 고품질의 일관된 컴포넌트를 빠르게 생성할 수 있도록 설계된 포괄적인 패턴 라이브러리입니다. 주요 기능으로는 다양한 React/Vue 컴포넌트 템플릿, 재사용 가능한 커스텀 Hook 패턴, CSS-in-JS 또는 Tailwind CSS와 같은 최신 CSS 전략, 단위 테스트 및 통합 테스트 패턴, 확장 가능한 아키텍처 모범 사례를 제공합니다. 이 라이브러리는 프론트엔드 개발의 일반적인 문제를 해결하는 검증된 패턴을 모아놓아, 개발 팀이 보일러플레이트 코드를 줄이고 모범 사례를 손쉽게 적용할 수 있도록 돕습니다. 주로 Claude Code와 함께 사용되지만, 패턴은 독립적으로 문서화되어 있어 다른 AI 코딩 도구 및 수동 개발에도 활용 가능합니다.
npx skills add haonL-7/frontend-patternsClaude Code 스킬: 프론트엔드 컴포넌트 패턴 라이브러리 — React/Vue 컴포넌트 템플릿, 커스텀 Hook 패턴, CSS 전략, 테스팅 패턴, 아키텍처 모범 사례
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".