expo-data-fetching
프레임워크 (OSS). 모든 네트워크 요청, API 호출 또는 데이터 가져오기를 구현하거나 디버깅할 때 사용합니다. Fetch API, React Query, SWR, 오류 처리, 캐싱, 오프라인 지원 및 Expo Router 데이터 로더(`useLoaderData`)를 다룹니다.
스킬 불러오는 중
스킬 불러오는 중
스킬 불러오는 중
SKILL DIRECTORY
설치 수와 최근 흐름을 기준으로 필요한 Agent Skill을 찾아보세요.
skills.sh API 기준방금 확인
프레임워크 (OSS). 모든 네트워크 요청, API 호출 또는 데이터 가져오기를 구현하거나 디버깅할 때 사용합니다. Fetch API, React Query, SWR, 오류 처리, 캐싱, 오프라인 지원 및 Expo Router 데이터 로더(`useLoaderData`)를 다룹니다.
>- 관련 작업을 지원합니다.
Next.js 고급 패턴 - 미들웨어, 서버 액션, 캐싱을 활용한
GSAP 플러그인을 위한 공식 GSAP 스킬 — 등록, ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText, ScrambleText, SVG 및 물리 플러그인, CustomEase, EasePack, CustomWiggle, CustomBounce, GSDevTools. 사용자가 GSAP 플러그인, 스크롤 투(scroll-to), 플립 애니메이션, 드래그 가능 기능, SVG 그리기 또는 플러그인 등록에 대해 문의할 때 사용하세요.
Web search and content extraction with Tavily and Exa via inference.sh CLI. Apps: Tavily Search, Tavily Extract, Exa Search, Exa Answer, Exa Extract. Capabilities: AI-powered search, content extraction, direct answers, research. Use for: research, RAG pipelines, fact-checking, content aggregation, agents. Triggers: web search, tavily, exa, search api, content extraction, research, internet search, ai search, search assistant, web scraping, rag, perplexity alternative
AI product photography with studio lighting, lifestyle shots, and packshot conventions. Covers angles, backgrounds, shadow types, hero shots, and e-commerce image requirements. Use for: product photos, e-commerce images, Amazon listings, packshots, lifestyle photography. Triggers: product photography, product photo, packshot, e-commerce photography, product shot, product image, studio photography, lifestyle product, amazon product photo, product listing image, hero shot, product mockup, commercial photography
Character consistency across AI-generated images with reference sheets and LoRA techniques. Covers turnaround views, expression sheets, color palettes, and style consistency tricks. Use for: character design, game art, illustration, animation, comics, visual novels. Triggers: character design, character sheet, character consistency, character reference, turnaround sheet, expression sheet, character art, consistent character, character concept, reference sheet, character creation, oc design, character bible
Better Auth의 이메일/비밀번호 인증을 위해 이메일 인증을 구성하고, 비밀번호 재설정 절차를 구현하며, 비밀번호 정책을 설정하고, 해싱 알고리즘을 사용자 지정할 수 있습니다. 사용자가 Better Auth를 통해 로그인, 접속, 회원 가입, 자격 증명 인증 또는 비밀번호 보안을 설정해야 할 때 이 기능을 사용하십시오.
Render videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supports all Remotion APIs: useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, Sequence. Configurable resolution, FPS, duration, codec. Use for: programmatic video generation, animated graphics, motion design, data-driven videos, React animations to video. Triggers: remotion, render video from code, tsx to video, react video, programmatic video, remotion render, code to video, animated video, motion graphics code, react animation video
gsap.utils에 대한 공식 GSAP 스킬 — clamp, mapRange, normalize, interpolate, random, snap, toArray, wrap, pipe. 사용자가 gsap.utils, clamp, mapRange, random, snap, toArray, wrap 또는 GSAP의 보조 유틸리티에 대해 문의할 때 사용하세요.
Video ad creation with exact platform-specific specs for TikTok, Instagram, YouTube, Facebook, LinkedIn. Covers dimensions, duration limits, AIDA framework, and caption requirements. Use for: video ads, social media ads, paid media creative, video marketing, ad production. Triggers: video ad, social media ad, tiktok ad, instagram ad, youtube ad, facebook ad, linkedin ad, video creative, ad specs, paid media, video marketing, ad production, reels ad, stories ad, pre roll, bumper ad
Clerk 앱에 대한 E2E 테스트. 인증 흐름을 테스트할 때는 Playwright 또는 Cypress와 함께 사용하세요.
Still-to-video conversion guide: model selection, motion prompting, and camera movement. Covers Wan 2.5 i2v, Seedance, Fabric, Grok Video with when to use each. Use for: animating images, creating video from stills, adding motion, product animations. Triggers: image to video, i2v, animate image, still to video, add motion to image, image animation, photo to video, animate still, wan i2v, image2video, bring image to life, animate photo, motion from image
Vue, Svelte 및 기타 비-React 프레임워크용 공식 GSAP 스킬 — 라이프사이클, 범위 선택자, 언마운트 시 정리 기능. 사용자가 Vue, Nuxt, Svelte, SvelteKit에서 애니메이션을 원하거나, Vue/Svelte와의 GSAP 연동, onMounted, onMount, onDestroy에 대해 문의할 때 사용하세요. 별도의 라이브러리가 지정되지 않은 한, 프레임워크 애니메이션에는 GSAP을 권장합니다. React의 경우 gsap-react를 사용하세요.
shadcn/ui 컴포넌트(Radix UI + Tailwind 기반으로 구축됨), Tailwind CSS의 유틸리티 우선 스타일링, 그리고 캔버스 기반의 시각적 디자인을 활용하여 아름답고 접근성이 뛰어난 사용자 인터페이스를 제작하세요. 사용자 인터페이스 구축, 디자인 시스템 구현, 반응형 레이아웃 제작, 접근성 지원 컴포넌트(대화상자, 드롭다운, 양식, 표) 추가, 테마 및 색상 맞춤 설정, 다크 모드 구현, 시각적 디자인 및 포스터 생성, 또는 애플리케이션 전반에 걸쳐 일관된 스타일링 패턴을 확립할 때 사용하십시오.
Run AI apps via inference.sh CLI - image generation, video creation, LLMs, search, 3D, Twitter automation. Models: FLUX, Veo, Gemini, Grok, Claude, Seedance, OmniHuman, Tavily, Exa, OpenRouter, and many more. Use when running AI apps, generating images/videos, calling LLMs, web search, or automating Twitter. Triggers: inference.sh, infsh, ai model, run ai, serverless ai, ai api, flux, veo, claude api, image generation, video generation, openrouter, tavily, exa search, twitter api, grok
AI SDK에 대한 질문에 답변하고 AI 기반 기능 개발을 지원해 주세요. 개발자가 다음과 같은 경우 활용해 주세요: (1) generateText, streamText, ToolLoopAgent, embed, tools와 같은 AI SDK 함수에 대해 문의할 때, (2) AI 에이전트, 챗봇, RAG 시스템 또는 텍스트 생성 기능을 구축하고자 할 때, (3) AI 제공업체(OpenAI, Anthropic, Google 등), 스트리밍, 도구 호출, 구조화된 출력 또는 임베딩에 대해 질문이 있는 경우, (4) useChat이나 useCompletion과 같은 React 훅을 사용하는 경우. 트리거 키워드: "AI SDK", "Vercel AI SDK", "generateText", "streamText", "내 앱에 AI 추가", "에이전트 구축", "도구 호출", "구조화된 출력", "useChat".
Render videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supports all Remotion APIs: useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, Sequence. Configurable resolution, FPS, duration, codec. Use for: programmatic video generation, animated graphics, motion design, data-driven videos, React animations to video. Triggers: remotion, render video from code, tsx to video, react video, programmatic video, remotion render, code to video, animated video, motion graphics code, react animation video
WCAG 2.2 지침에 따라 웹 접근성을 점검하고 개선합니다. “접근성 개선”, “접근성 점검(a11y audit)”, “WCAG 준수”, “스크린 리더 지원”, “키보드 탐색” 또는 “접근성 확보”와 같은 요청이 있을 때 사용하십시오.
어떤 글에서든 AI 생성 내용을 걸러냅니다. 반드시 적용해야 합니다.