🎨 프론트엔드

공개 agents.md 규약에 따라 AGENTS.md 파일을 생성하고 유지하세요. AI 에이전트 워크플로에 대한 문서 작성, 온보딩 가이드, 또는 프로젝트 간 에이전트 상호작용 패턴을 표준화할 때 사용하세요.

최고의 관행, 모듈식 아키텍처 지원 및 기술 스택 맞춤화를 사용하여 모든 프로젝트 유형에 대한 CLAUDE.md 파일을 분석, 생성 및 개선합니다. 새 프로젝트 설정, 기존 CLAUDE.md 파일 개선 또는 AI 지원 개발 표준 수립 시 사용하십시오.

d3.js를 사용하여 대화형 데이터 시각화 생성하기. 이 기술은 사용자 정의 차트, 그래프, 네트워크 다이어그램, 지리적 시각화 또는 시각 요소, 전환, 상호작용에 대한 세밀한 제어가 필요한 모든 복잡한 SVG 기반 데이터 시각화를 생성할 때 사용해야 합니다. React, Vue, Svelte, vanilla JavaScript 또는 다른 환경에서 표준 차트 라이브러리 외의 맞춤형 시각화에 사용하세요.

Overview, Requirements, Architecture/C4, Tech Spec, Roadmap, Guides의 6개 탭을 가진 상호작용형 HTML 프레젠테이션을 구축합니다. 프레젠테이션/README.md 허브를 생성합니다. ln-110-documents-pipeline 아래에서 작동합니다.

링크(Link), 인증(Auth), 거래(Transactions), 신원(Identity) 및 웹후크 처리(webhook handling)를 포함한 Plaid 뱅킹 API 통합에 대한 전문 가이드입니다. 사용자가 Plaid, 은행 연결, 금융 데이터, ACH 또는 뱅킹 API를 언급할 때 호출하세요.

인텔리전트 7-질문 플로우, 15가지 전문 분야(기술, 비즈니스, 크리에이티브, 법률, 금융, HR, 디자인, 고객, 임원, 제조, R&D, 규제, 특수-기술, 연구, 크리에이티브-미디어) 전반의 69가지 종합 프리셋, 다중 출력 형식(XML/Claude/ChatGPT/Gemini), 품질 검증 게이트, OpenAI/Anthropic/Google의 문맥적 모범 사례를 통해 모든 역할, 산업, 작업에 대한 프로덕션 준비 완료 메가 프롬프트를 생성하는 세계적 프롬프트 파워하우스. 테스트 시나리오와 프롬프트 변형을 포함한 코어 및 고급 모드 모두 지원.

효과적인 스킬을 만드는 가이드. 이 스킬은 사용자가 특화된 지식, 워크플로우 또는 도구 통합으로 Claude의 기능을 확장하는 새 스킬(또는 기존 스킬 업데이트)을 만들고 싶을 때 사용해야 합니다.

Anthropic 최고 사례에 따라 Claude Code 스킬을 생성하고 관리합니다. 새 스킬을 생성하거나 skill-rules.json을 수정하거나 트리거 패턴을 이해하거나 훅을 사용하거나 스킬 활성화를 디버깅하거나 점진적 공개를 구현할 때 사용하세요. 스킬 구조, YAML 전문사항, 트리거 유형(키워드, 의도 패턴, 파일 경로, 콘텐츠 패턴), 시행 수준(차단, 제안, 경고), 훅 메커니즘(UserPromptSubmit, PreToolUse), 세션 추적 및 500행 규칙을 다룹니다.

결제 처리, 청구, 구독, 웹훅, Connect, Terminal, Radar, Identity, Tax, Climate 및 통합을 모두 다루는 공식 문서 3,253개에 접근할 수 있는 종합 Stripe API 전문가입니다. 사용자가 Stripe, 결제, 구독, 청구, 결제 처리, 체크아웃, 송장 또는 결제 관련 기능을 언급할 때 호출하세요.

로고나 텍스트 슬로건에서 파비콘, 앱 아이콘(PWA), 페이스북, 트위터, WhatsApp, LinkedIn용 소셜 미디어 메타 이미지(Open Graph) 등의 웹 에셋을 생성합니다. 사용자가 아이콘, 파비콘, 소셜 공유 이미지 또는 Open Graph 이미지를 로고나 텍스트 슬로건으로 부터 필요할 때 사용하세요. 이미지 크기 조정, 텍스트-이미지 생성을 처리하고 적절한 HTML 메타 태그를 제공합니다.