Communitygithub.com

ComeOnOliver/skillshub

Node.js 套件管理器,具有嚴格的相依性解析。用於執行 pnpm 特定指令、配置工作區,或使用目錄、修補程式及覆寫來管理相依性。

skillshub 是什麼?

這個技能提供關於 pnpm 10.x 的完整知識,pnpm 是一款快速且節省磁碟空間的 Node.js 套件管理器。它使用內容可定址儲存庫來跨專案去重複套件,並預設執行嚴格的相依性解析,以防止幽靈相依性。該技能涵蓋了 pnpm 的核心功能,例如 CLI 指令、工作區(monorepo)支援、目錄、覆寫、修補程式和鉤子,以及 CI/CD 設定、從 npm/Yarn 遷移和效能最佳化的最佳實務。它適用於任何支援技能的工具(如 Claude Code、Cursor 或 Codex),並引導使用者優先檢查 `pnpm-workspace.yaml` 和 `.npmrc` 檔案,以理解專案的結構和設定。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/ComeOnOliver/skillshub/tree/HEAD/skills/antfu/skills/pnpm

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

pnpm 是一款快速、節省磁碟空間的套件管理器。它使用內容可定址儲存庫來去重複同一台機器上所有專案的套件,從而節省大量磁碟空間。pnpm 預設執行嚴格的相依性解析,防止幽靈相依性。設定應優先放置在 pnpm-workspace.yaml 中,以進行 pnpm 特定的配置。

重要事項: 使用 pnpm 專案時,AI 代理應檢查 pnpm-workspace.yaml 和 .npmrc 檔案,以了解工作區結構和配置。在 CI 環境中,一律使用 --frozen-lockfile。

此技能基於 pnpm 10.x,生成於 2026-01-28。

核心功能

主題說明參考資料
CLI 指令安裝、新增、移除、更新、執行、exec、dlx 和工作區指令core-cli
配置pnpm-workspace.yaml、.npmrc 設定和 package.json 欄位core-config
工作區支援篩選、工作區協定和共用鎖定檔案的 Monorepocore-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 遷移、處理幽靈相依性、Monorepo 遷移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

相關技能