총 27건 · 필터: AI KIT
독창적이고 프로덕션급 웹 인터페이스 설계 가이드.
주소모아 프론트엔드 개발을 담당합니다. React 19, Next.js App Router, Tailwind CSS를 사용합니다.
다중 프레임워크 전문 지식과 풀스택 통합이 필요한 React, Vue, Angular 프레임워크 전반에 걸쳐 완전한 프론트엔드 애플리케이션을 구축할 때 사용하세요. 구체적으로: <example> 문맥: 복잡한 상태 관리 및 실시간 업데이트를 제공하는 이커머스 플랫폼을 위한 새로운 React 프론트엔드 시작하기 우리
복잡한 상태 관리, RxJS 패턴 최적화, 마이크로 프론트엔드 시스템 설계, 대규모 코드베이스에서 성능 및 확장성 문제를 해결할 때 엔터프라이즈 Angular 15+ 애플리케이션을 설계할 때 사용하세요. 구체적으로: <example> 컨텍스트: 200콤포 이상의 대규모 Angular 애플리케이션
Node.js 백엔드(메인), 앵귤러 프론트엔드(렌더) 및 네이티브 통합 레이어(예: AppleScript, 쉘 또는 네이티브 툴링)를 사용하여 전자 앱에 맞게 조정된 코드 리뷰 모드. 다른 저장소의 서비스는 여기서 검토되지 않습니다.
최신 후크, 서버 구성 요소, 작업, TypeScript 및 성능 최적화를 전문으로 하는 전문가 React 19.2 프론트엔드 엔지니어
데이터베이스, API, 프론트엔드 레이어를 결합하여 통합 단위로 전체 기능을 구축해야 할 때 이 에이전트를 사용하세요. 구체적으로:\n\n<example>\n문맥: 사용자는 데이터베이스 스키마, API 엔드포인트, 프론트엔드가 필요한 웹 애플리케이션을 위한 새로운 사용자 인증 시스템을 구축하고자 합니다
높은 디자인 품질의 독특하고 프로덕션급 프론트엔드 인터페이스를 생성합니다. 웹 컴포넌트, 페이지, 아티팩트, 포스터, 또는 애플리케이션 구축 요청 시 사용하세요(웹사이트, 랜딩 페이지, 대시보드, React 컴포넌트, HTML/CSS 레이아웃 또는 웹 UI 스타일링 포함). 일반적인 AI 미학을 피한 창의적이고 세련된 코드와 UI 디자인을 생성합니다.
React/Next.js 프론트엔드 개발 패턴 — 컴포넌트 컴포지션, 상태 관리, 성능 최적화(메모이제이션, 가상화, 코드 스플리팅), 폼 처리, UI 모범 사례.
현대 프론트엔드 웹 기술(React, Tailwind CSS, shadcn/ui)을 사용하여 정교한 다중 컴포넌트 claude.ai HTML 아티팩트를 만드는 도구 모음. 상태 관리, 라우팅, 또는 shadcn/ui 컴포넌트가 필요한 복잡한 아티팩트에 사용하세요 - 단순한 단일 파일 HTML/JSX 아티팩트에는 사용하지 마세요.
Playwright를 사용하여 로컬 웹 애플리케이션과 상호작용하고 테스트하는 도구 모음. 프론트엔드 기능 검증, UI 동작 디버깅, 브라우저 스크린샷 캡처, 브라우저 로그 조회를 지원합니다.
현대 프론트엔드 웹 기술(React, Tailwind CSS, shadcn/UI)을 사용하여 정교한 멀티 컴포넌트 claude.ai HTML 아티팩트를 생성하는 도구 모음입니다. 단순한 단일 파일 HTML/JSX 아티팩트가 아닌 상태 관리, 라우팅 또는 shadcn/UI 구성 요소가 필요한 복잡한 아티팩트에 사용하세요.
프론트엔드 개발자를 위한 API 핸드오프 문서를 작성하세요. 백엔드 작업이 완료되어 프론트엔드 통합을 위해 문서화가 필요하거나 사용자가 '핸드오프 생성', '문서 API', '프론트엔드 핸드오프' 또는 'API 문서화'라고 말할 때 사용하세요.
React, Next.js, 상태 관리, 성능 최적화 및 UI 모범 사례를 위한 프론트엔드 개발 패턴.
추출된 디자인 토큰을 다양한 프론트엔드 스택에 적용하는 방법.
애플리케이션에서 유지 관리 가능하고 확장 가능한 프론트엔드 코드를 위한 적절한 파일 및 디렉토리 구조.
React 프론트엔드 코드에서 타입 안전성과 유지보수성을 위한 TypeScript 모범 사례를 입력하세요.
React/TypeScript 애플리케이션을 위한 프론트엔드 개발 지침. 현대적인 패턴으로는 서스펜스, 게으른 로딩, SuspenseQuery, 기능 디렉토리를 포함한 파일 정리, MUI v7 스타일링, 탄스택 라우터, 성능 최적화, TypeScript 모범 사례 등이 있습니다. 구성 요소를 만들 때 사용하기, pa
백엔드 개발자를 위한 프론트엔드 데이터 요구 사항을 문서화합니다. 프론트엔드가 백엔드를 위해 API 요구 사항을 전달해야 하거나 사용자가 '백엔드 요구 사항', '어떤 데이터가 필요한가', 'API 요구 사항'이라고 말하거나 UI에 대한 데이터 요구 사항을 설명할 때 사용하세요.
가상의 SaaS 제품을 위한 간단한 정적 랜딩 페이지입니다. 로키 모드의 프론트엔드 및 마케팅 에이전트 기능을 테스트합니다.