AayushBaniya2006

UI 컴포넌트를 수동으로 구축하는 데는 상당한 시간이 소요됩니다. 이 스킬은 Shadcn MCP와 21st.dev MCP를 활용하여 버튼, 대화 상자, 복잡한 랜딩 페이지 섹션을 빠르게 생성합니다.

애플리케이션 테마를 수동으로 관리하려면 테마 URL을 찾고 CLI 명령을 실행해야 합니다. 이 스킬은 미리 구성된 테마 목록과 설치 명령을 제공하여 빠르고 오류 없는 테마 설치를 가능하게 합니다.

일회성 제품에 대한 커스텀 결제 플로우를 안전하게 구현하는 것은 복잡합니다. 이 스킬은 Stripe 체크아웃 세션, 웹훅 처리, 그리고 Inngest를 활용한 백그라운드 처리 패턴을 제공합니다.

검색 엔진 가시성은 웹 애플리케이션에 매우 중요하지만, 적절한 SEO를 구현하려면 사이트맵, 메타데이터, 구조화된 데이터에 대한 지식이 필요합니다. 이 스킬은 사이트맵, OpenGraph 태그, JSON-LD 스키마, robots.txt 구성을 위한 포괄적인 Next.js SEO 패턴을 제공합니다.

AWS S3에 대한 안전한 파일 업로드를 구축하려면 사전 서명 URL, 클라이언트 SDK 및 서버 측 처리에 대한 이해가 필요합니다. 이 스킬은 UI 컴포넌트, 클라이언트 유틸리티 및 서버 패턴과 함께 완전한 문서를 제공하여 빠르게 프로덕션 준비가 된 S3 업로드를 구현할 수 있습니다.

리치 텍스트 에디터를 처음부터 구축하는 것은 복잡하고 시간이 오래 걸리는 작업입니다. 이 스킬은 간단한 댓글 입력부터 제목, 목록, 미디어 지원이 포함된 전체 기능의 문서 에디터까지 Plate.js 에디터를 구현하기 위한 단계별 가이드를 제공합니다.

프로덕션에서 머신러닝 모델 실행에는 신뢰할 수 있는 API 통합과 장기 실행 작업의 적절한 처리가 필요합니다. 이 스킬은 빠른 실행과 비동기 모델 실행을 모두 지원하는 Replicate AI 통합을 위한 TypeScript 패턴을 제공합니다.

데이터베이스, 유효성 검사, UI 레이어에 걸친 구독 플랜 및 할당량 관리는 오류가 발생하기 쉽고 시간이 많이 소요됩니다. 이 스킬은 플랜 기능 추가, 제한 업데이트, 일관된 가격 페이지 구축을 위한 구조화된 워크플로우를 제공합니다.

마케팅 페이지를 처음부터 구축하는 것은 너무 많은 시간이 소요됩니다. 이 스킬은 페이지 유형별로 구성된 사전 구축된 Tailark 컴포넌트에 대한 선별된 권장 사항을 제공하여 몇 분 만에 전문적인 랜딩 페이지를 조합할 수 있도록 도와줍니다.

로고 제작에는 디자인 기술과 비싼 소프트웨어가 필요합니다. 이 스킬은 AI를 사용하여 텍스트 프롬프트에서 커스텀 로고를 생성하고 배경을 자동으로 제거하여 투명하고 전문적인 결과를 제공합니다.

신뢰할 수 있는 백그라운드 작업과 예약 작업을 구축하는 것은 복잡합니다. 이 스킬은 내구성 있는 실행, 자동 재시도, 이벤트 기반 아키텍처를 갖춘 Inngest 워크플로를 위한 패턴과 모범 사례를 제공합니다.

웹사이트용 시각 자산 제작에는 시간과 디자인 기술이 필요합니다. 이 스킬은 FLUX 1.1 Pro AI를 사용하여 히어로 섹션, 기능 이미지, UI 그래픽을 자동 향상과 함께 생성합니다. 이미지는 WebP로 최적화되어 프로젝트에 직접 저장됩니다.

양식과 API를 구축하려면 검증, 타입 안전성, 오류 처리를 위한 일관된 패턴이 필요합니다. 이 스킬은 즉시 사용 가능한 Zod 스키마, React 양식 컴포넌트, RESTful API 라우트 템플릿을 제공하여 더 빠르게 개발할 수 있도록 합니다.

잘못 관리된 환경 변수는 자격 증명 유출과 보안 침해로 이어질 수 있습니다. 이 스킬은 공개 템플릿과 비공개 비밀을 명확히 분리하고, 민감한 데이터가 버전 관리에 절대 포함되지 않도록 보장하는 지침을 제공합니다.

반응형 트랜잭션 이메일을 처음부터 만드는 일은 시간이 많이 들고 오류가 나기 쉽습니다. 이 스킬은 React Email 컴포넌트와 일관된 레이아웃 시스템을 사용해 전문적인 HTML 이메일을 만들 수 있도록 명확한 패턴과 예시를 제공합니다.

기술 문서 작성에는 일관된 구조와 라우팅이 필요합니다. 이 스킬은 Fumadocs를 사용하여 잘 구성된 MDX 문서 페이지를 생성하고, 프론트매터, 네비게이션 메타데이터, 아이콘 통합을 자동으로 처리합니다.

데이터베이스 작업에는 복잡한 SQL 구문과 연결 관리가 필요합니다. 이 스킬은 자연어 요청을 SQLite 작업으로 변환하여 원활한 데이터 상호작용을 제공합니다.

크레딧 시스템을 처음부터 구축하는 것은 복잡하고 오류가 발생하기 쉽습니다. 이 스킬은 크레딧 유형, 가격대, 구매 및 잔액 표시를 위한 React 훅을 구성하기 위한 즉시 사용 가능한 패턴을 제공합니다.

전환되지 않는 마케팅 카피는 시간과 비용을 낭비합니다. 이 스킬은 랜딩 페이지, 이메일, 캠페인을 위한 명확하고 설득력 있으며 행동을 유도하는 카피를 작성하기 위해 입증된 카피라이팅 템플릿과 원칙을 제공합니다.

SEO 친화적인 블로그 글을 만들려면 적절한 포맷, 메타데이터, 구조가 필요합니다. 이 스킬은 최대한의 검색 가시성을 위해 올바른 frontmatter, 태그, 이미지 처리로 MDX 블로그 글을 작성하는 명확한 가이드라인을 제공합니다.

스톡 사진 검색은 이제 그만. AI 이미지 생성을 통해 독특하고 브랜드에 맞는 비주얼을 즉시 만드세요. 이 스킬은 DALL-E 3와 통합하여 귀하의 정확한 요구 사항에 맞춘 고품질 자산을 생성합니다.

인증 구현은 복잡하고 오류가 발생하기 쉬우며, 보안 취약점으로 이어질 수 있습니다. 이 스킬은 심층 방어 패턴을 사용하여 Next.js 애플리케이션에서 NextAuth v5를 활용한 안전한 인증, 권한 부여 및 세션 관리를 위한 명확한 가이드라인을 제공합니다.

AI 기반 애플리케이션을 구축하려면 LLM, 스트리밍, 상태 관리의 복잡한 통합이 필요합니다. 이 스킬은 Next.js 애플리케이션에서 Vercel AI SDK를 사용하여 챗봇, 구조화된 출력, 생성형 UI 및 에이전트 워크플로우를 구현하기 위한 포괄적인 가이드를 제공합니다.

AI 통합을 처음부터 구축하는 것은 복잡하고 오류가 발생하기 쉽습니다. 이 스킬은 오래 실행되는 AI 예측을 처리하고, 결과를 안정적으로 저장하며, 사용자 크레딧을 안전하게 관리하기 위한 프로덕션 준비 패턴을 제공합니다.