visual-design-foundations
타이포그래피, 색채 이론, 간격 체계 및 아이콘 디자인 원칙을 적용하여 일관성 있는 시각적 디자인을 구현하세요. 디자인 토큰을 정의하거나, 스타일 가이드를 작성하거나, 시각적 위계와 일관성을 개선할 때 활용하세요.
스킬 불러오는 중
스킬 불러오는 중
스킬 불러오는 중
SKILL DIRECTORY
설치 수와 최근 흐름을 기준으로 필요한 Agent Skill을 찾아보세요.
skills.sh API 기준방금 확인
타이포그래피, 색채 이론, 간격 체계 및 아이콘 디자인 원칙을 적용하여 일관성 있는 시각적 디자인을 구현하세요. 디자인 토큰을 정의하거나, 스타일 가이드를 작성하거나, 시각적 위계와 일관성을 개선할 때 활용하세요.
‘Cache Components / PPR’ 아래에서 에이전틱 루프를 설정하여, 초기 로드(하드 네비게이션) 및 클라이언트 측 네비게이션(소프트 네비게이션) 시 Next.js 경로의 즉각적인 네비게이션을 구현합니다. 목표를 실패하는 @next/playwright instant() e2e 테스트로 정의하고, 검증된 경로를 하나씩 처리하여 테스트가 통과되도록 만드세요. 배포된 테스트는 이후 회귀 현상을 방지해 줍니다. 경로의 탐색을 즉시 처리해야 할 때(정적 셸이 즉시 커밋됨), 정적 셸이 사전 렌더링/제공/사전 가져오기되지 않은 경로를 수정하거나, 경로의 정적 셸을 확장하거나 첫 페인트 속도를 개선하거나, 어떤 Suspense 경계가 경로를 정적 셸에서 제외시키는지 진단하거나, 특정 경로에 대한 instant() e2e 가드 테스트를 작성할 때 사용합니다. cacheComponents가 포함된 Next.js 16.3 이상이 필요하며, 버전이 더 낮은 경우 업그레이드를 안내합니다.
CSS-in-JS, 구성 전략, 재사용 가능한 컴포넌트 아키텍처 등 React, Vue, Svelte의 컴포넌트 패턴을 숙지하세요. UI 컴포넌트 라이브러리를 구축하거나, 컴포넌트 API를 설계하거나, 프론트엔드 디자인 시스템을 구현할 때 활용하세요.
서비스 경계, 이벤트 기반 통신 및 복원력 패턴을 고려하여 마이크로서비스 아키텍처를 설계합니다. 분산 시스템을 구축하거나, 모놀리식 시스템을 분해하거나, 마이크로서비스를 구현할 때 활용하십시오.
>- 관련 작업을 지원합니다.
@clerk/chrome-extension을 사용한 Chrome 확장 프로그램 인증 -- 팝업/사이드패널
EAS 서비스(유료). EAS를 사용하여 Expo 앱을 앱 스토어에 배포하세요. iOS App Store, Google Play Store 및 TestFlight에 빌드하고 제출하며, eas.json 빌드 및 제출 프로필을 구성하고, 앱 버전 및 빌드 번호를 관리하며, App Store 메타데이터 및 ASO를 게시할 수 있습니다. 사용자가 앱을 프로덕션 환경이나 앱 스토어에 배포, 릴리스 또는 출시하고자 할 때, 프로덕션 빌드를 준비할 때, eas build 또는 eas submit을 실행할 때, TestFlight에 배포할 때, 버전이나 빌드 번호를 업데이트할 때, 또는 스토어 리스팅 메타데이터를 설정할 때 이 서비스를 사용하십시오. Expo 웹사이트나 API 경로를 배포하려면 eas-hosting 기능을 사용하십시오.
프로덕션용 Spring Boot 애플리케이션 구축 - REST API, 보안, 데이터, Actuator
Kotlin을 사용하여 네이티브 Android 앱에 Clerk 인증 기능을 구현하고
통찰력, 결정 사항 또는 배운 내용을 검색 가능한 개념 태그와 함께 agentmemory의 장기 저장소에 저장하세요. 사용자가 “이걸 기억해 둬”, “이걸 저장해 둬”, “그 점 참고해”, “잊지 마”라고 말하거나, 향후 세션을 위해 지식을 보존하고자 할 때 이 기능을 사용하세요.
x402, MPP, 결제 링크, a2a-pay 및 HTTP-payment를 통한 에이전트 결제 및 유료 엔드포인트, 정기 또는 사용량 기반 청구에 사용됩니다. HTTP 402/payment-required, 유료 에이전트 또는 A2MCP 엔드포인트, x402/Permit2, MPP 채널, 바우처 또는 세션, HTTP-payment 구독, paymentId/link 작업 또는 상태에 사용하십시오. 트리거 문구: x402/x402Version, X-PAYMENT, PAYMENT-REQUIRED, PAYMENT-SIGNATURE, WWW-Authenticate: Payment, x402 exact/exact+Permit2/upto/aggr_deferred, MPP charge/session, channelId/channel_id, payment-channel 바우처/충전/정산/환불, 계량 과금, paymentId, a2a_, 결제 링크, A2MCP, 유료 엔드포인트, HTTP 402 period/permit2_subscription.
시스템 및 애플리케이션 메트릭을 실시간으로 시각화하기 위한 프로덕션용 Grafana 대시보드를 생성하고 관리합니다. 모니터링 대시보드를 구축하거나, 메트릭을 시각화하거나, 운영 가시성 인터페이스를 생성할 때 사용하세요.
하이브리드 BM25, 벡터 및 그래프 검색을 활용하여 agentmemory에서 특정 주제에 대한 과거 관찰 내용, 세션 및 학습 내용을 검색합니다. 사용자가 “기억해 줘”, “그 일에 대해 어떻게 했지?”, “예전에 ~한 적 있어?”, “본 적 있어?”라고 말하거나, 과거 세션의 맥락이 필요할 때 이 기능을 사용합니다.
Clerk를 활용한 Astro 패턴 — 미들웨어, SSR 페이지, 아일랜드 컴포넌트,
>- 관련 작업을 지원합니다.
이 프로젝트의 최근 세션에서 어떤 일이 있었는지 간결한 타임라인 형태로 표시합니다. 사용자가 “지난번에 무엇을 했나요?”, “세션 내역”, “지난 세션”을 묻거나, 이전 작업에 대한 개요를 원할 때 사용하세요.
Vault, AWS Secrets Manager 또는 플랫폼 고유의 솔루션을 사용하여 CI/CD 파이프라인에 대한 안전한 시크릿 관리 기능을 구현하십시오. 민감한 자격 증명을 처리하거나, 시크릿을 주기적으로 갱신하거나, CI/CD 환경을 보호할 때 이 기능을 활용하십시오.
특정 관측값을 표시하고 명시적인 확인을 받은 후 agentmemory에서 삭제합니다. 사용자가 “이건 잊어줘”, “기억에서 지워줘”, “그 메모를 제거해줘”라고 말하거나, 개인정보 보호를 위해 특정 데이터를 삭제하고자 할 때 사용합니다.
Yahoo Finance 데이터를 활용해 주식과 암호화폐를 분석하세요. 포트폴리오 관리(자산 생성, 추가, 제거), 암호화폐 분석(시가총액 상위 20개), 정기 성과 보고서(일별/주간/월별/분기별/연간) 기능을 지원합니다. 주식은 8가지, 암호화폐는 3가지 분석 차원을 제공합니다. 주식 분석, 포트폴리오 추적, 실적 발표 후 주가 반응 분석 또는 암호화폐 모니터링에 활용하세요.