performance-optimization
프론트엔드, 백엔드, 쿼리 및 데이터베이스 전반에 걸쳐 애플리케이션 성능을 최적화합니다. 성능 요구 사항이 있을 때, 성능 저하가 의심될 때, Core Web Vitals 또는 로딩 시간을 개선해야 할 때, N+1 쿼리 패턴을 수정해야 할 때, 또는 프로파일링 결과 병목 현상이 발견되었을 때 이 기능을 사용하십시오.
SKILL DIRECTORY
설치 수와 최근 흐름을 기준으로 필요한 Agent Skill을 찾아보세요.
skills.sh API 기준방금 확인
프론트엔드, 백엔드, 쿼리 및 데이터베이스 전반에 걸쳐 애플리케이션 성능을 최적화합니다. 성능 요구 사항이 있을 때, 성능 저하가 의심될 때, Core Web Vitals 또는 로딩 시간을 개선해야 할 때, N+1 쿼리 패턴을 수정해야 할 때, 또는 프로파일링 결과 병목 현상이 발견되었을 때 이 기능을 사용하십시오.
토큰 아키텍처, 컴포넌트 사양, 슬라이드 제작. 3단계 토큰(프리미티브→시맨틱→컴포넌트), CSS 변수, 간격/타이포그래피 스케일, 컴포넌트 사양, 전략적 슬라이드 제작. 디자인 토큰, 체계적인 디자인, 브랜드 가이드라인을 준수하는 프레젠테이션에 활용.
Firecrawl Research를 통해 PubMed, bioRxiv, medRxiv에서 수집된 생의학 및 생명과학 문헌과 컴퓨터 과학, 물리학, 수학 분야의 arXiv 프리프린트로 구성된 Firecrawl의 논문 색인을 기반으로 시맨틱 논문 검색, 관련 논문 확장, 본문 내 검증 기능을 활용합니다. 사용자가 문헌 고찰, 체계적 문헌 고찰, 연구 조사, 논문 요약, 연구 동향, 또는 임상, 의약품, 유전자, 질병, 역학 및 공중보건 주제를 포함한 학술 및 산업 간행물의 출처가 명시된 종합 정보를 원할 때 활용하십시오. 근거 자료가 웹 페이지가 아닌 출판된 논문인 경우, 일반적인 웹 조사 워크플로우보다 이 방법을 우선적으로 선택하십시오.
cProfile, 메모리 프로파일러 및 성능 모범 사례를 활용하여 Python 코드를 프로파일링하고 최적화하세요. 느린 Python 코드를 디버깅하거나, 병목 현상을 최적화하거나, 애플리케이션 성능을 개선할 때 사용하세요.
결정 사항과 관련 문서를 기록합니다. 아키텍처 관련 결정을 내릴 때, 공개 API를 변경할 때, 기능을 출시할 때, 또는 향후 개발자나 담당자가 코드베이스를 이해하는 데 필요한 맥락을 기록해야 할 때 사용합니다.
Firecrawl의 스크래핑 데이터를 활용하여 어떤 웹사이트의 디자인 시스템이든 에이전트에서 바로 사용할 수 있는 DESIGN.md 파일로 추출합니다. 사용자가 웹사이트의 색상, 글꼴, 간격, 구성 요소, 레이아웃 패턴 또는 브랜드/UI 가이드라인을 확보하고자 할 때 이 기능을 사용하면, AI 에이전트가 이를 바탕으로 새로운 웹사이트를 생성하거나, 디자인을 복제하거나, 해당 디자인에서 영감을 받은 페이지를 구축할 수 있습니다.
종합적인 디자인 역량: 브랜드 아이덴티티, 디자인 토큰, UI 스타일링, 로고 생성(55가지 스타일, Gemini 또는 Atlas Cloud AI), 기업 아이덴티티 프로그램(50개 산출물, CIP 모크업), HTML 프레젠테이션(Chart.js), 배너 디자인(22가지 스타일, 소셜/광고/웹/인쇄용), 아이콘 디자인(15가지 스타일, SVG, Gemini 3.1 Pro), 소셜 미디어용 이미지(HTML→스크린샷, 다중 플랫폼). 주요 업무: 로고 디자인, CIP 제작, 모크업 생성, 슬라이드 제작, 배너 디자인, 아이콘 생성, 소셜 미디어용 사진 제작, 브랜드 아이덴티티, 디자인 시스템. 플랫폼: 페이스북, 트위터, 링크드인, 유튜브, 인스타그램, 핀터레스트, 틱톡, 스레드, 구글 애즈.
shadcn/ui 컴포넌트(Radix UI + Tailwind 기반으로 구축됨), Tailwind CSS의 유틸리티 우선 스타일링, 그리고 캔버스 기반의 시각적 디자인을 활용하여 아름답고 접근성이 뛰어난 사용자 인터페이스를 제작하세요. 사용자 인터페이스 구축, 디자인 시스템 구현, 반응형 레이아웃 제작, 접근성 지원 컴포넌트(대화상자, 드롭다운, 양식, 표) 추가, 테마 및 색상 사용자 정의, 다크 모드 구현, 시각적 디자인 및 포스터 생성, 또는 애플리케이션 전반에 걸쳐 일관된 스타일링 패턴을 확립할 때 활용하세요.
코드를 간결하게 만들어 가독성을 높입니다. 동작을 변경하지 않으면서 가독성을 높이기 위해 코드를 리팩토링할 때 사용합니다. 코드가 정상적으로 작동하지만, 본래 있어야 할 수준보다 읽기 어렵거나 유지보수 및 확장이 까다로운 경우에 사용합니다. 불필요한 복잡성이 누적된 코드를 검토할 때 사용합니다.
수석 고문으로서 모든 코드베이스를 검토하고, 다른 모델/에이전트가 실행할 수 있도록 우선순위가 지정된 독립적인 구현 계획을 수립합니다. 소스 코드에 대해서는 엄격히 읽기 전용으로만 접근하며, 직접 구현, 수정 또는 리팩토링을 절대 수행하지 않습니다. 코드베이스 감사, 개선 기회(버그, 보안, 성능, 테스트 커버리지, 기술 부채, 마이그레이션, 개발자 경험) 발굴, 기능 제안 또는 프로젝트의 향후 방향(로드맵, 제품 방향) 제시, 혹은 다른 에이전트가 구현할 수 있도록 인계 계획을 수립해야 할 때 사용합니다.
근본 원인을 체계적으로 파악하고 디버깅하는 방법을 안내합니다. 테스트가 실패하거나, 빌드가 중단되거나, 동작이 예상과 다르거나, 예상치 못한 오류가 발생했을 때 활용하세요. 추측에 의존하기보다는 근본 원인을 찾아 해결하는 데 체계적인 접근 방식이 필요할 때 사용하세요.
변경 사항을 점진적으로 적용합니다. 두 개 이상의 파일에 영향을 미치는 기능이나 변경 사항을 구현할 때 사용하세요. 한 번에 대량의 코드를 작성해야 하거나, 작업이 너무 방대해서 한 번에 완료하기 어려울 때 사용하세요.
OpenAI GPT Image 2, Azure OpenAI, Google, OpenRouter, DashScope, Z.AI GLM-Image, MiniMax, Jimeng, Seedream, Replicate 및 Agnes API를 활용한 AI 이미지 생성. 텍스트-이미지 변환, 참조 이미지, 화면비, 저장된 프롬프트 파일을 통한 일괄 생성을 지원합니다. 기본 설정은 순차 처리이며, 사용자가 이미 여러 개의 프롬프트를 가지고 있거나 안정적인 다중 이미지 처리량을 원할 경우 일괄 병렬 생성을 사용하십시오. 사용자가 이미지 생성, 제작 또는 그리기를 요청할 때 사용하십시오.
브랜드 보이스, 시각적 아이덴티티, 메시징 프레임워크, 자산 관리, 브랜드 일관성. 브랜드 콘텐츠, 어조, 마케팅 자산, 브랜드 규정 준수, 스타일 가이드에 적용합니다.
소셜 미디어, 광고, 웹사이트 헤더, 크리에이티브 자산 및 인쇄물을 위한 배너 디자인. 선택적으로 생성되거나 제공된 시각 자료를 활용한 다양한 아트 디렉션 옵션. 작업 내용: 배너 디자인, 제작, 생성. 적용 플랫폼: 페이스북, 트위터/X, 링크드인, 유튜브, 인스타그램, 구글 디스플레이, 웹사이트 헤로, 인쇄물. 스타일: 미니멀리즘, 그라데이션, 대담한 타이포그래피, 사진 기반, 일러스트, 기하학적, 레트로, 글래스모피즘, 3D, 네온, 듀오톤, 에디토리얼, 콜라주.
pytest, 피처, 모킹, 테스트 주도 개발을 활용하여 포괄적인 테스트 전략을 구현하세요. 파이썬 테스트를 작성하거나, 테스트 스위트를 구성하거나, 테스트 모범 사례를 구현할 때 활용하세요.
Firecrawl을 사용하여 시장, 재무, 실적, 산업 및 기업 지표를 추출하세요. 사용자가 시장 조사, 산업 동향, 상장 기업 데이터, 재무 비교, 실적 분석 또는 체계적인 시장 보고서를 요청할 때 이 기능을 활용하세요.
Chart.js, 디자인 토큰, 반응형 레이아웃, 카피라이팅 공식, 상황에 맞춘 슬라이드 전략을 활용하여 전략적인 HTML 프레젠테이션을 제작하세요.
Dart 및 Flutter MCP 도구를 사용하여 Flutter 레이아웃 오류(오버플로우, 경계 없는 제약 조건)를 수정합니다. “RenderFlex overflowed”, “Vertical viewport was given unbounded height” 또는 이와 유사한 레이아웃 문제를 해결할 때 사용하세요.
웹 변경 사항에 대한 웹훅/이메일 알림 — “모니터링/감시/추적/알림 받기” 용도로 사용: 알려진 URL에 대한 주기적인 확인(일회성 스크래핑을 반복하는 것보다 권장) 또는 새로운 결과(쿼리 + 목표)에 대한 웹 전반의 모니터링.