총 9건 · 필터: AI KIT
Claude Code 템플릿 컴포넌트 시스템을 위한 전문 Claude Code 에이전트를 만들 때 이 에이전트를 사용하세요. 에이전트 설계, 신속한 엔지니어링, 도메인 전문성 모델링 및 에이전트 모범 사례를 전문으로 합니다. 예시: <example> 문맥: 사용자가 새로운 전문 에이전트를 만들고자 합니다. 사용자: 'I n
Claude Code 세션에서 에이전트, 스킬, MCP 서버, 규칙 전반의 컨텍스트 창 소비를 감사합니다. 불필요한 팽창, 중복 컴포넌트를 식별하고 우선순위가 있는 토큰 절약 권장사항을 제공합니다.
높은 디자인 품질의 독특하고 프로덕션급 프론트엔드 인터페이스를 생성합니다. 웹 컴포넌트, 페이지, 아티팩트, 포스터, 또는 애플리케이션 구축 요청 시 사용하세요(웹사이트, 랜딩 페이지, 대시보드, React 컴포넌트, HTML/CSS 레이아웃 또는 웹 UI 스타일링 포함). 일반적인 AI 미학을 피한 창의적이고 세련된 코드와 UI 디자인을 생성합니다.
React/Next.js 프론트엔드 개발 패턴 — 컴포넌트 컴포지션, 상태 관리, 성능 최적화(메모이제이션, 가상화, 코드 스플리팅), 폼 처리, UI 모범 사례.
원시 프롬프트를 분석하고, 의도와 격차를 식별하며, ECC 컴포넌트(스킬/명령어/에이전트/훅)를 매핑하고, 바로 붙여넣을 수 있는 최적화된 프롬프트를 출력합니다. 자문 역할만 — 작업 자체를 절대 실행하지 않습니다. 트리거 조건: 사용자가 "프롬프트 최적화", "내 프롬프트 개선", "프롬프트 작성 방법", "프롬프트 도움", "프롬프트 재작성"이라고 할 때. "그냥 해줘" 또는 작업을 직접 실행하려 할 때는 트리거하지 마세요. "코드 최적화", "성능 최적화", "코드 최적화" — 이것들은 리팩토링/성능 작업이므로 트리거하지 마세
현대 프론트엔드 웹 기술(React, Tailwind CSS, shadcn/ui)을 사용하여 정교한 다중 컴포넌트 claude.ai HTML 아티팩트를 만드는 도구 모음. 상태 관리, 라우팅, 또는 shadcn/ui 컴포넌트가 필요한 복잡한 아티팩트에 사용하세요 - 단순한 단일 파일 HTML/JSX 아티팩트에는 사용하지 마세요.
현대 프론트엔드 웹 기술(React, Tailwind CSS, shadcn/UI)을 사용하여 정교한 멀티 컴포넌트 claude.ai HTML 아티팩트를 생성하는 도구 모음입니다. 단순한 단일 파일 HTML/JSX 아티팩트가 아닌 상태 관리, 라우팅 또는 shadcn/UI 구성 요소가 필요한 복잡한 아티팩트에 사용하세요.
컴포넌트 인스턴스 간에 글로벌 이벤트 청취자를 공유하려면 `useSWRSubscription()`를 사용하세요.
특정 함수·컴포넌트에 대한 테스트 자동 생성.