vercel-react-view-transitions
82React View Transitions 구현
React view transitions는 배치 위치를 잘못 잡기 쉬워, 조용히 발생하거나 시끄러운 애니메이션을 유발할 수 있습니다. 이 스킬은 라우트, Suspense, 목록, 공유 요소 애니메이션 선택을 안내합니다.
Optimize Vercel Cost and Route Performance
Vercel costs and slow routes are difficult to prioritize without production evidence. This skill combines account metrics, scoped code checks, and verified documentation into ranked recommendations.
설치 전에 중지하고 확인을 요청하세요.
계획을 검토하고 파일을 변경하기 전에 사용자의 명시적 동의를 받으세요.
이 요청을 에이전트에 복사하세요. 공식 Skill 페이지와 매니페스트가 포함되어 있습니다.
Review the Skillstore skill "vercel-optimize" from https://skillstore.io/skills/vercel-labs-vercel-optimize.md and its manifest at https://skillstore.io/api/skills/vercel-labs-vercel-optimize/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.에이전트는 계속해서 계획을 표시하고 보안 정책에서 요구하는 확인을 요청해야 합니다.
AI 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.
"vercel-optimize" 사용 중입니다. A Next.js storefront has rising Vercel costs and slow product routes.
예상 결과:
"vercel-optimize" 사용 중입니다. A content site has poor cache efficiency and high data transfer.
예상 결과:
The 400 static alerts are lexical false positives from documentation, regular-expression APIs, relative imports, and constrained Vercel tooling. Two semantic issues remain: model-controlled verifier claims can escape the repository root and can supply unbounded regular expressions. The skill also intentionally reads project source and invokes the authenticated Vercel CLI, so users should review its access before running it. Static review was capped at 400/1603 representative findings; omitted static matches are unconfirmed, so automatic publishing stays disabled until manual review.
버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.
https://skillstore.io/skills/vercel-labs-vercel-optimize/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/vercel-labs-vercel-optimize?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/vercel-labs-vercel-optimize?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/vercel-labs-vercel-optimize/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/vercel-labs-vercel-optimize.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>vercel-labs. (2026). vercel-optimize security audit report (audit version 1) [Author version 1.2.0]. Skillstore. https://skillstore.io/skills/vercel-labs-vercel-optimize/audits/1@techreport{vercel-labs-vercel-labs-vercel-optimize-2026,
author = {vercel-labs},
title = {vercel-optimize security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/vercel-labs-vercel-optimize/audits/1},
note = {Author version 1.2.0}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "vercel-optimize security audit report (audit version 1)"
version: "1.2.0"
type: report
authors:
- name: "vercel-labs"
date-released: "2026-08-14"
url: "https://skillstore.io/skills/vercel-labs-vercel-optimize/audits/1"
identifiers:
- type: other
value: "skillstore:vercel-labs-vercel-optimize:audit:1"
description: "Skillstore immutable audit report identifier"
Identify the billing services, routes, and configurations responsible for observed spend, then rank actionable changes.
Connect route latency, errors, cold starts, and external API delays to focused source investigations.
Assess caching, transfer, builds, bot traffic, and project settings before a capacity or architecture review.
Audit this linked Vercel project. Collect production signals first, then report the highest-confidence cost and performance opportunities.
Investigate slow and expensive routes in this Vercel project. Rank findings by observed impact and cite the responsible files and applicable documentation.
Find safe caching opportunities for public routes. Exclude authentication, errors, previews, webhooks, mutations, and user-specific responses unless evidence proves caching is safe.
Run the full Vercel Optimize pipeline with a 12-candidate budget. Reconcile deep-dive evidence, verify every claim, and render the final report.
작성자
vercel-labs라이선스
MIT
작성자 버전
v1.2.0
Skillstore 리비전
r1
참조
227cbfef2ce562138f3a9d7baf8c2a2953c4ff79
유지보수 최신성
2026. 8. 14.
사용량
0 다운로드 · 0 조회
파일 구조
📁 lib/
📁 gates/
📄 observability-events-attribution.mjs
📄 bot-protection-certainty.mjs
📄 cache-tag-invalidation-certainty.mjs
📄 function-duration-invocations.mjs
📄 cache-components-suspense-dedupe.mjs
📄 max-age-without-s-maxage.mjs
📄 middleware-broad-matcher.mjs
📄 sveltekit-prerender-missing.mjs
📄 util.mjs
📄 saas.md
📄 astro-edge-middleware-scope.md
📄 astro-output-mode-and-isr.md
📄 auth-preserving-parallelization.md
📄 bot-protection-product-guardrails.md
📄 build-minutes-monorepo-fanout.md
📄 cache-components-static-shell-boundaries.md
📄 cache-components-suspense-dedupe-pitfall.md
📄 cold-start-initialization-bundle.md
📄 core-web-vitals-client-bottlenecks.md
📄 database-egress-pooling-region.md
📄 external-api-critical-path-platform.md
📄 external-api-critical-path.md
📄 fast-data-transfer-payloads.md
📄 function-duration-io-and-after.md
📄 function-invocation-reduction.md
📄 function-region-misconfiguration-ttfb.md
📄 image-optimization-cost-control.md
📄 isr-revalidation-static-generation.md
📄 middleware-proxy-edge-cost.md
📄 next-fetch-revalidate-floor.md
📄 next-font-cls-self-hosting.md
📄 next-heavy-ui-lazy-load-boundaries.md
📄 next-image-lcp-preload-sizes.md
📄 next-route-handler-get-cache-defaults.md
📄 next-script-third-party-strategy.md
📄 nextjs-version-cache-semantics.md
📄 not-found-catchall-request-waste.md
📄 nuxt-route-rules-cache-isr.md
📄 observability-events-cost-attribution.md
📄 post-response-work-waituntil.md
📄 route-error-durable-offload.md
📄 route-error-runtime-limits.md
📄 runtime-cache-reusable-data.md
📄 sveltekit-isr-prerender-safety.md
📄 sveltekit-split-cold-start-tradeoff.md
📄 use-cache-date-stamp-isr-write-amplifier.md
📄 use-cache-remote-shared-origin-data.md
📄 workflow-resumable-stream-routes.md
📄 voice.md
📁 scripts/
📄 collect-sub-agent-outputs.mjs
📄 prepare-investigation-brief.mjs
📄 SKILL.md
React View Transitions 구현
React view transitions는 배치 위치를 잘못 잡기 쉬워, 조용히 발생하거나 시끄러운 애니메이션을 유발할 수 있습니다. 이 스킬은 라우트, Suspense, 목록, 공유 요소 애니메이션 선택을 안내합니다.
재사용 가능한 AI 스킬 만들기
팀에는 재사용 가능한 에이전트 지식과 워크플로를 패키징하는 일관된 방법이 필요합니다. 이 스킬은 Claude, Codex, Claude Code가 스킬 계획, 작성, 검증, 패키징을 진행하도록 안내합니다.
React 및 Next.js 성능 최적화
React 및 Next.js 앱은 워터폴, 큰 번들, 피할 수 있는 재렌더링으로 인해 속도가 저하되는 경우가 많습니다. 이 스킬은 에이전트에게 성능 중심 변경을 더 안전하게 수행하기 위한 구체적인 규칙을 제공합니다.
React 컴포지션 패턴 적용
boolean prop이 많은 React 컴포넌트는 유지보수와 리뷰가 어려워집니다. 이 스킬은 에이전트에게 compound components, 명시적 variants, provider 기반 상태에 대한 명확한 패턴을 제공합니다.
React Native 앱 최적화
React Native 앱은 느린 목록, 버벅이는 애니메이션, 플랫폼 관련 실수로 문제가 생길 수 있습니다. 이 스킬은 Codex, Claude, Claude Code가 성능 좋은 Expo 및 React Native 작업을 할 수 있도록 간결한 규칙을 제공합니다.
Next.js 모범 사례 적용
Next.js 프로젝트는 불명확한 경계, 느린 데이터 가져오기, 배포 실수로 실패하는 경우가 많습니다. 이 스킬은 Claude, Codex, Claude Code에 최신 App Router 작업을 위한 집중된 규칙을 제공합니다.
Rust AWS Lambda 함수 최적화
작성자 EmilLindfors
Rust Lambda 함수는 느린 I/O, 콜드 스타트, 부적절한 메모리 설정으로 비용을 낭비할 수 있습니다. 이 skill은 핸들러와 배포 설정을 검토한 뒤 구체적인 성능 및 비용 개선안을 제안합니다.
Application Insights로 Azure 앱 계측하기
작성자 microsoft
Azure 호스팅 앱에 신뢰할 수 있는 텔레메트리를 추가하는 일은 프레임워크와 배포 모델 전반에서 어려울 수 있습니다. 이 스킬은 간결한 Application Insights 설정 가이드, SDK 참고 자료, Azure 구성 패턴을 제공합니다.
클라우드 인프라 설계
작성자 89jobrien
클라우드 팀에는 안전하고 복원력 있으며 비용을 고려한 인프라를 위한 일관된 패턴이 필요합니다. 이 스킬은 아키텍처 선택, Terraform 구성, 가용성 계획, 운영 제어를 안내합니다.
WordPress 성능을 안전하게 진단
작성자 Automattic
느린 WordPress 사이트는 변경 전에 신중한 측정이 필요합니다. 이 skill은 Claude, Codex, Claude Code가 백엔드 전용 프로파일링, 병목 분석, 안전한 검증을 수행하도록 안내합니다.
Linux 시스템 문제 진단
작성자 sickn33
Linux 인시던트는 대개 광범위한 증상과 흩어진 증거에서 시작됩니다. 이 스킬은 사실 수집, 리소스 분석, 로그 확인, 네트워킹 테스트, 수정 사항 검증을 위한 단계별 워크플로를 제공합니다.
안내 단계에 따라 Kubernetes 워크로드 배포
작성자 sickn33
Kubernetes 릴리스에는 조율된 여러 아티팩트와 점검이 필요합니다. 이 스킬은 컨테이너 준비, 매니페스트, Helm 차트, 서비스 메시, 보안, 관찰 가능성, 배포 검증을 안내합니다.