responsive-design
컨테이너 쿼리, 유동적 타이포그래피, CSS 그리드, 모바일 우선 브레이크포인트 전략을 활용하여 현대적인 반응형 레이아웃을 구현하세요. 적응형 인터페이스를 구축하거나, 유동적 레이아웃을 구현하거나, 컴포넌트 수준의 반응형 동작을 만들 때 사용하세요.
SKILL DIRECTORY
설치 수와 최근 흐름을 기준으로 필요한 Agent Skill을 찾아보세요.
skills.sh API 기준방금 확인
컨테이너 쿼리, 유동적 타이포그래피, CSS 그리드, 모바일 우선 브레이크포인트 전략을 활용하여 현대적인 반응형 레이아웃을 구현하세요. 적응형 인터페이스를 구축하거나, 유동적 레이아웃을 구현하거나, 컴포넌트 수준의 반응형 동작을 만들 때 사용하세요.
Cloudflare's official cf CLI (beta) for the public Cloudflare API and Workers projects. Use for finding and running Cloudflare commands from the terminal — sign-in and profiles, cf cli search, cf schema, cf deploy/dev/build, resource commands for DNS, zones, D1, KV, and R2 — and for choosing between cf and Wrangler in a project.
EAS 서비스(유료). EAS Observe와 관련된 모든 용도로 사용하세요. Expo 프로젝트에 `expo-observe` 추가하기(AppMetricsRoot/ObserveRoot HOC, markInteractive 및 ObserveInteractiveMarker, useObserve 훅, Expo Router / 경로별 메트릭을 위한 React Navigation 통합, `Observe.logEvent`를 통한 사용자 정의 이벤트, ObserveErrorBoundary 및 `Observe.reportError`를 통한 오류 보고, sampleRate 및 dispatchInDebug와 같은 런타임 구성), EAS CLI를 통한 쿼리(`eas observe:metrics-summary`, `observe:metrics`, `observe:routes`, `observe:events`, `observe:session`, `observe:versions`), 결과 메트릭 해석(콜드/웜 런치, TTR, TTI, 콜드/웜 내비게이션 TTR, 업데이트 다운로드, 그리고 느린 시작 현상 분석을 위한 TTI 프레임 속도/기기/네트워크 매개변수) 해석, 또는 타사 패키지 내에 Observe 통합 기능을 포함시키는 것 등이 있습니다.
Tokio, 비동기 트레이트, 오류 처리 및 동시성 패턴을 통해 Rust 비동기 프로그래밍을 마스터하세요. 비동기 Rust 애플리케이션을 구축하거나, 동시성 시스템을 구현하거나, 비동기 코드를 디버깅할 때 활용하세요.
EAS 서비스(유료). Expo 웹사이트와 Expo Router API 경로를 EAS 호스팅에 배포합니다. 웹 번들을 내보내고, 프로덕션 및 PR 미리보기 URL을 위해 `eas deploy`를 실행하며, 환경 비밀 정보와 사용자 지정 도메인을 관리하고, Cloudflare Workers 런타임 내에서 작업할 수 있습니다. 또한 API 경로 작성(+api.ts 핸들러, HTTP 메서드, 요청 처리, CORS)에 대해서도 다룹니다. Expo 웹 앱이나 API 경로를 배포하거나, EAS 호스팅을 설정하거나, 호스팅 환경 및 도메인을 구성할 때 사용하세요. 네이티브 빌드나 스토어 릴리스에는 적합하지 않습니다. 해당 용도로는 eas-app-stores 스킬을 사용하세요.
Spring Boot를 활용한 애플리케이션 개발에 대한 모범 사례를 확인해 보세요.
>- 관련 작업을 지원합니다.
적절한 곳에 VueUse 컴포저블을 적용하여 간결하고 유지보수하기 쉬운 Vue.js/Nuxt 기능을 구축하세요.
명확성과 일관성을 위해 최근에 수정한 코드를 간소화하고 다듬으세요. 기능을 변경하지 않으면서 가독성을 높이기 위해 코드를 작성한 후에 이 방법을 적용하세요.
OpenCLI 세션을 시작할 때 사용하세요. 이 문서는 `opencli`의 기능, 어댑터 검색 방법, 공통적으로 사용되는 플래그 및 출력 형식, 그리고 다음에 어떤 특수 기능을 불러와야 하는지에 대한 최상위 수준의 개요를 제공합니다. 에이전트가 “opencli로 무엇을 할 수 있나요?” 또는 “올바른 명령어를 찾는 방법은 무엇인가요?”라고 물으면 이 문서를 안내해 주세요.
Query read-only DEX token, market, signal, social, trenches, and WebSocket data. Use for token search, rankings, liquidity, holders, risk metadata, clusters, and trades; prices, K-lines/OHLC, indexes, and wallet PnL; smart-money/KOL/whale signals; news, sentiment, and token vibe; meme-launch, developer, bundle/sniper, and co-investor research; or DEX WebSocket clients. Triggers include hot tokens, holder concentration, smart money, top-trader leaderboards, pump.fun research, new token launches, on-chain token scanning, bundled or sniper activity, and WebSocket.
GitHub CLI(gh)에 대한 종합 참조 자료로, 리포지토리, 이슈, 풀 리퀘스트, 액션, 프로젝트, 릴리스, 기스트, 코드스페이스, 조직, 확장 프로그램 및 명령줄을 통한 모든 GitHub 작업에 대한 내용을 다룹니다.
이 맵은 적절한 보안 통제 수단 및 완화 조치에 대한 위협 요소를 파악한 것입니다. 보안 투자 우선순위를 정하거나, 시정 계획을 수립하거나, 통제 수단의 효과성을 검증할 때 활용하십시오.
Three.js 장면 설정, 카메라, 렌더러, Object3D 계층 구조, 좌표계. 3D 장면을 설정하거나, 카메라를 생성하거나, 렌더러를 구성하거나, 오브젝트 계층 구조를 관리하거나, 변환을 다룰 때 사용합니다.
OpenClaw 스킬에 대한 보안 우선 심사. ClawHub, GitHub 또는 기타 소스에서 스킬을 설치하기 전에 이 절차를 먼저 수행하십시오.
Jest, Vitest 및 Testing Library를 활용하여 모킹, 피처, 테스트 주도 개발(TDD)을 포함한 단위 테스트, 통합 테스트 및 종단 테스트를 위한 포괄적인 테스트 전략을 구현하세요. JavaScript/TypeScript 테스트 작성, 테스트 인프라 구축 또는 TDD/BDD 워크플로우 구현 시 활용하세요.