extract-design-system
공개 웹사이트에서 디자인 기본 요소를 추출하여 프로젝트용 스타터 토큰 파일을 생성합니다.
스킬 불러오는 중
스킬 불러오는 중
스킬 불러오는 중
SKILL DIRECTORY
설치 수와 최근 흐름을 기준으로 필요한 Agent Skill을 찾아보세요.
skills.sh API 기준방금 확인
공개 웹사이트에서 디자인 기본 요소를 추출하여 프로젝트용 스타터 토큰 파일을 생성합니다.
Better Auth 서버 및 클라이언트를 구성하고, 데이터베이스 어댑터를 설정하며, 세션을 관리하고, 플러그인을 추가하고, 환경 변수를 처리합니다. 사용자가 Better Auth, betterauth, auth.ts를 언급하거나, 이메일/비밀번호, OAuth 또는 플러그인 구성을 통해 TypeScript 인증을 설정해야 할 때 이 문서를 참조하십시오.
사용자가 웹사이트의 페이지 계층 구조, 내비게이션, URL 구조 또는 내부 링크를 계획, 매핑하거나 재구성하고자 할 때. 또한 사용자가 “사이트맵”, “사이트 지도”, “시각적 사이트맵”, “사이트 구조”, “페이지 계층 구조”, “정보 아키텍처”, “IA”, “내비게이션 디자인”, “URL 구조”, “브레드크럼”, “내부 링크 전략”, “웹사이트 기획”, “어떤 페이지가 필요한가”, “사이트를 어떻게 구성해야 하는가” 또는 “사이트 내비게이션”을 언급할 때도 사용합니다. 누군가 웹사이트에 어떤 페이지가 있어야 하고 페이지들이 어떻게 연결되어야 하는지 계획할 때 이 용어를 사용하십시오. XML 사이트맵에는 적용되지 않습니다(이는 기술적 SEO에 해당하므로 seo-audit을 참조하십시오). SEO 감사에 대해서는 seo-audit을, 구조화된 데이터에 대해서는 schema를 참조하십시오.
Recreate an image, screenshot, or mockup as a 1:1 UI implementation. Match the reference rather than redesigning it, then render and compare the result to correct visible differences.
디자인 철학을 바탕으로 .png 및 .pdf 형식의 아름다운 시각 예술 작품을 제작하세요. 사용자가 포스터, 예술 작품, 디자인 또는 기타 정적 작품을 만들어 달라고 요청할 때 이 기술을 활용해야 합니다. 저작권 침해를 방지하기 위해 기존 예술가의 작품을 절대 모방하지 말고 독창적인 시각 디자인을 제작하세요.
사용자가 이탈률을 낮추거나, 해지 절차를 구축하거나, 재구독 유도 제안을 설정하거나, 결제 실패를 복구하거나, 고객 유지 전략을 실행하고자 할 때. 또한 사용자가 ‘이탈’, ‘해지 절차’, ‘오프보딩’, ‘유지 제안’, ‘미납 독촉’, ‘결제 실패 복구’, ‘재유치’, ‘유지’, ‘이탈 설문조사’, ‘구독 일시 중지’, ‘비자발적 이탈’, '사용자들이 계속 해지한다', '이탈률이 너무 높다', '사용자를 어떻게 유지할 수 있을까', 또는 '고객들이 떠나고 있다'와 같은 용어를 언급할 때도 활용하세요. 구독자 수 감소가 발생하거나 이를 방지하기 위한 시스템을 구축하고자 할 때 언제든지 이 내용을 참조하십시오. 해지 후 재유치 이메일 시퀀스에 대해서는 '이메일' 항목을, 앱 내 업그레이드 유료화 장벽에 대해서는 '유료화 장벽' 항목을 참조하십시오.
>- 관련 작업을 지원합니다.
Browser automation for AI agents via inference.sh. Navigate web pages, interact with elements using @e refs, take screenshots, record video. Capabilities: web scraping, form filling, clicking, typing, drag-drop, file upload, JavaScript execution. Use for: web automation, data extraction, testing, agent browsing, research. Triggers: browser, web automation, scrape, navigate, click, fill form, screenshot, browse web, playwright, headless browser, web agent, surf internet, record video
사용자가 영업 자료, 프레젠테이션 자료, 원페이지 요약, 이의 처리 문서 또는 데모 대본을 작성하고자 할 때. 또한 사용자가 ‘영업 데크’, ‘피치 데크’, ‘원페이지’, ‘리브-비하인드’, ‘이의 대응’, ‘거래별 ROI 분석’, ‘데모 스크립트’, '토크 트랙', '영업 플레이북', '제안서 템플릿', '구매자 페르소나 카드', '영업팀 지원', '영업 자료' 또는 '영업 담당자에게 무엇을 제공해야 할까요'와 같은 용어를 언급할 때도 사용합니다. 영업팀이 거래를 성사시키는 데 도움이 되는 모든 문서나 자산에 대해 이 용어를 사용하십시오. 경쟁사 비교 페이지 및 배틀 카드에 대해서는 '경쟁사' 항목을 참조하십시오. 마케팅 웹사이트 카피에 대해서는 ‘카피라이팅’ 항목을 참조하십시오. 콜드 아웃리치 이메일에 대해서는 ‘콜드 이메일’ 항목을 참조하십시오. 판매 대상 제안(보너스, 보증, 가격 구조)에 대해서는 ‘제안’ 항목을 참조하십시오.
Searches the Azure skills catalog and recommends installable agent skills by matching an Azure task to skill metadata and plugin installation guidance. WHEN: before starting any task that involves an Azure or Microsoft-cloud service, product, or data source, when no currently loaded skill or tool already covers it.
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
배포된 프로젝트, 특히 Next.js, SvelteKit, Nuxt 및 일부 Astro 앱에 대한 Vercel 비용 및 성능 최적화에 사용합니다. 먼저 Vercel 메트릭, 사용량, 프로젝트 구성 및 코드 스캔 결과를 수집하고, 메트릭으로 뒷받침되는 후보만 조사하며, 검증된 파일과 버전 정보를 반영한 Vercel/프레임워크 문서를 바탕으로 순위가 매겨진 권장 사항을 도출합니다. Vercel 요금 절감, 느리거나 비용이 많이 드는 경로, 캐싱 기회, 함수 호출, 빌드 시간, 빠른 데이터 전송, Core Web Vitals, 봇 관리, 유동적 컴퓨팅 또는 비용 내역 요청 시 트리거됩니다.
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
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
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
Execute Python code in a safe sandboxed environment via [inference.sh](https://inference.sh). Pre-installed: NumPy, Pandas, Matplotlib, requests, BeautifulSoup, Selenium, Playwright, MoviePy, Pillow, OpenCV, trimesh, and 100+ more libraries. Use for: data processing, web scraping, image manipulation, video creation, 3D model processing, PDF generation, API calls, automation scripts. Triggers: python, execute code, run script, web scraping, data analysis, image processing, video editing, 3D models, automation, pandas, matplotlib
사용자가 고객 조사를 수행, 분석 또는 종합하고자 할 때. 사용자가 “고객 조사”, “ICP 조사”, “고객과 대화하기”, “대담록 분석”, “고객 인터뷰”, “설문 분석”, “지원 티켓 분석”, “고객의 목소리”, “VOC”, “페르소나 구축”, “고객 페르소나”, “수행해야 할 과제(Jobs to be Done)”, “JTBD”, “고객이 말하는 내용”, “고객이 겪는 어려움”, "레딧(Reddit) 분석", "G2 리뷰", "리뷰 분석", "디지털 워터링홀", "커뮤니티 조사", "포럼 조사", "경쟁사 리뷰", "고객 감정", "PMF 설문조사", "제품-시장 적합성(PMF) 설문조사", "고객 인터뷰 질문", "인터뷰 대상 모집", "세일즈 사파리", 또는 "고객이 이탈/전환/구매하는 이유 파악" 등이 포함됩니다. 기존 연구 자료 분석, 온라인 소스 마이닝, 그리고 1차 연구(인터뷰 및 설문조사) 수행에 활용하세요. 연구 결과를 바탕으로 카피를 작성하는 방법은 카피라이팅을 참조하십시오. 연구 결과를 바탕으로 페이지를 개선하는 방법은 CRO를 참조하십시오.
실제로 작동하는 가장 게으른 해결책, 즉 가장 단순하고, 짧고, 최소한의 방법을 고수합니다. 모든 것을 겪어본 베테랑 개발자의 사고방식을 따릅니다: 해당 작업이 과연 필요한지 의문을 제기하고(YAGNI), 사용자 정의 코드보다 표준 라이브러리를, 의존성보다 플랫폼의 기본 기능을, 50줄보다 한 줄을 우선시합니다. 강도 수준을 지원합니다: 라이트, 풀(기본값), 울트라. 모든 코딩 작업에 사용하세요: 코드 작성, 추가, 리팩토링, 수정, 검토, 설계, 그리고 라이브러리나 의존성 선택 시. 또한 사용자가 "포니테일", "게으르게", "게으른 모드", "가장 단순한 해결책", "최소한의 해결책", "YAGNI", "덜 하라", "최단 경로"라고 말하거나, 과잉 설계, 부풀어 오른 코드, 상투적인 코드, 불필요한 의존성에 대해 불평할 때도 사용하십시오. 코딩과 무관한 요청(일반 상식, 산문, 번역, 요약, 레시피)에는 사용하지 마십시오.
지속적인 상태 관리 및 협업 기능을 위한 Cloudflare Durable Objects 코드를 빌드, 디버그 또는 검토합니다.