Communitygithub.com

pnpm 스킬 (ComeOnOliver/skillshub)

pnpm은 엄격한 의존성 해결을 제공하는 Node.js 패키지 매니저입니다. pnpm 전용 명령어 실행, 워크스페이스 구성, 카탈로그/패치/오버라이드를 통한 의존성 관리 시 사용하세요.

skillshub)란 무엇인가요?

이 스킬은 pnpm 패키지 매니저를 위한 전문 가이드입니다. pnpm은 Node.js 프로젝트의 의존성을 관리하며, 내용 기반 저장소(content-addressable store)를 사용하여 디스크 공간을 절약하고 엄격한 의존성 해결로 팬텀 의존성 문제를 방지합니다. 이 스킬은 pnpm 10.x 버전을 기준으로 하며, CLI 명령어, 워크스페이스 설정, 스토어 관리, 카탈로그, 오버라이드, 패치, 별칭, 훅, 피어 의존성 등 주요 기능을 다룹니다. 또한 CI/CD 설정, npm/Yarn에서의 마이그레이션, 성능 최적화와 같은 모범 사례도 포함되어 있어, pnpm을 사용하는 모든 개발 환경에서 유용하게 활용할 수 있습니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/ComeOnOliver/skillshub/tree/HEAD/skills/antfu/skills/pnpm

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

pnpm은 빠르고 디스크 공간 효율적인 패키지 매니저입니다. 내용 기반 저장소를 사용하여 시스템의 모든 프로젝트에서 패키지를 중복 제거하고 상당한 디스크 공간을 절약합니다. pnpm은 기본적으로 엄격한 의존성 해결을 적용하여 팬텀 의존성을 방지합니다. pnpm 전용 설정은 pnpm-workspace.yaml에 배치하는 것이 좋습니다.

중요: pnpm 프로젝트를 작업할 때 에이전트는 pnpm-workspace.yaml 및 .npmrc 파일을 확인하여 워크스페이스 구조와 구성을 이해해야 합니다. CI 환경에서는 항상 --frozen-lockfile 플래그를 사용하세요.

이 스킬은 pnpm 10.x를 기반으로 하며, 2026-01-28에 생성되었습니다.

핵심

항목설명참조
CLI 명령어install, add, remove, update, run, exec, dlx 및 워크스페이스 명령어core-cli
구성pnpm-workspace.yaml, .npmrc 설정 및 package.json 필드core-config
워크스페이스필터링, 워크스페이스 프로토콜 및 공유 lockfile을 지원하는 모노레포core-workspaces
저장소내용 기반 저장소, 하드 링크 및 디스크 효율성core-store

기능

항목설명참조
카탈로그워크스페이스용 중앙 집중식 의존성 버전 관리features-catalogs
오버라이드전이적 의존성을 포함한 특정 버전 강제 지정features-overrides
패치사용자 정의 수정으로 타사 패키지 변경features-patches
별칭npm: 프로토콜을 사용하여 사용자 정의 이름으로 패키지 설치features-aliases
훅.pnpmfile.cjs 훅으로 해결 프로세스 사용자 정의features-hooks
피어 의존성자동 설치, 엄격 모드 및 의존성 규칙features-peer-deps

모범 사례

항목설명참조
CI/CD 설정GitHub Actions, GitLab CI, Docker 및 캐싱 전략best-practices-ci
마이그레이션npm/Yarn에서 마이그레이션, 팬텀 의존성 처리, 모노레포 마이그레이션best-practices-migration
성능설치 최적화, 저장소 캐싱, 워크스페이스 병렬화best-practices-performance

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

ComeOnOliver/skillshub

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.

ComeOnOliver/skillshub

Next.js 16+ 和 Turbopack — 增量打包、文件系统缓存、开发速度,以及何时使用 Turbopack 与 webpack。

ComeOnOliver/skillshub

SwiftUI architecture patterns, state management with @Observable, view composition, navigation, performance optimization, and modern iOS/macOS UI best practices.

ComeOnOliver/skillshub

See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio, video), and create real time alerts for events from live streams or desktop capture.

ComeOnOliver/skillshub

AI-assisted video editing workflows for cutting, structuring, and augmenting real footage. Covers the full pipeline from raw capture through FFmpeg, Remotion, ElevenLabs, fal.ai, and final polish in Descript or CapCut. Use when the user wants to edit video, cut footage, create vlogs, or build video content.

ComeOnOliver/skillshub

Next.js 15 애플리케이션을 위한 프론트엔드 개발 가이드라인. React 19, TypeScript, Shadcn/ui, Tailwind CSS를 사용한 모던 패턴. Server Components, Client Components, App Router, 파일 구조, Shadcn/ui 컴포넌트, 성능 최적화, TypeScript 모범 사례 포함. 컴포넌트, 페이지, 기능 생성, 데이터 페칭, 스타일링, 라우팅, 프론트엔드 코드 작업 시 사용.

ComeOnOliver/skillshub

Provides Tamagui patterns for config v4, compiler optimization, styled context, and cross-platform styling. Must use when working with Tamagui projects (tamagui.config.ts, @tamagui imports).

ComeOnOliver/skillshub

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

ComeOnOliver/skillshub

Create high-converting, visually distinctive landing pages. Use when building marketing pages, product launches, SaaS homepages, or any single-page conversion-focused website. Guides section-by-section composition with anti-AI-slop principles.

ComeOnOliver/skillshub

Auto-loaded context for Portfolio Buddy 2 development. Use for ANY task involving: React 19 development, TypeScript, portfolio analysis features, metrics calculations, trading strategy comparison, or working with the Portfolio Buddy 2 codebase. Contains tech stack, known issues, and architectural constraints.

ComeOnOliver/skillshub

Next.js development tooling via MCP. Inspect routes, components, build info, and debug Next.js apps. Use when working on Next.js applications, debugging routing, or inspecting app structure. NOT for general React or non-Next.js projects.

ComeOnOliver/skillshub

Implement UI using Shadcn MCP (atoms/theme) and 21st.dev MCP (complex sections). Use when adding buttons, layouts, or generating landing pages.

ComeOnOliver/skillshub

A conceptual skill for building an API client in Next.js that handles JWT tokens

ComeOnOliver/skillshub

Best practices and patterns for Next.js App Router, Server Actions, and Routing in this project.

ComeOnOliver/skillshub

The Design System, Theme, and UX rules for the Physical AI Hub.

ComeOnOliver/skillshub

Comprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScript, Tailwind CSS. Includes component scaffolding, performance optimization, bundle analysis, and UI best practices. Use when developing frontend features, optimizing performance, implementing UI/UX designs, managing state, or reviewing frontend code.

ComeOnOliver/skillshub

This document captures learnings from fixing keyboard navigation issues when floating components (Select, DropdownMenu, Popover) have CSS open/close animations.

ComeOnOliver/skillshub

Build Next.js 16 applications with correct patterns and distinctive design. Use when creating pages, layouts, dynamic routes, upgrading from Next.js 15, or implementing proxy.ts. Covers breaking changes (async params/searchParams, Turbopack, cacheComponents) and frontend aesthetics. NOT when building non-React or backend-only applications.

ComeOnOliver/skillshub

Comprehensive Framer Motion animation library for React. Covers motion components, variants, gestures, page transitions, and scroll animations. Use when adding animations to React/Next.js applications.

ComeOnOliver/skillshub

Build interfaces that resonate, not just render. This skill enforces bold, intentional

관련 스킬