Adoption

Agent Skills are supported by leading AI development tools.

VS Code Gemini CLI GitHub Goose Amp Cursor Claude Code Letta OpenCode Claude OpenAI Codex Factory VS Code Gemini CLI GitHub Goose Amp Cursor Claude Code Letta OpenCode Claude OpenAI Codex Factory

partme-ai/parcel

Name: parcel
Author: partme-ai

skills/build-skills/parcel/SKILL.md

npx skillsauth add partme-ai/full-stack-skills parcel

Clean

TrivyContainer and dependency vulnerability scanner

Clean

SemgrepStatic code analysis for vulnerabilities

Clean

mcp-scan (Snyk)Model Context Protocol security validation

Skipped

Snyk (dep)Open source security scanning

Skipped

Socket.devSupply chain security analysis

Skipped

VirusTotalMulti-engine malware detection

Skipped

CrowdStrikeAdvanced threat intelligence

Skipped

OSV-ScannerOpen Source Vulnerability database check

Skipped

OWASP Dep-Check

When to use this skill

Use this skill whenever the user wants to:

Set up a zero-configuration bundler for web applications
Bundle JavaScript, CSS, HTML, images, and other assets automatically
Use hot module replacement (HMR) for fast development
Configure multi-entry builds, environment variables, and production output
Migrate from or compare with Webpack/Vite

How to use this skill

Workflow

Install — add Parcel as a dev dependency
Point to entry — specify HTML or JS entry file
Develop — run parcel for dev server with HMR
Build — run parcel build for optimized production output
Validate — check output size and asset hashing

Quick Start Example

# Install
npm install --save-dev parcel

# Development server with HMR
npx parcel src/index.html

# Production build
npx parcel build src/index.html --dist-dir dist

// package.json
{
  "source": "src/index.html",
  "scripts": {
    "dev": "parcel",
    "build": "parcel build"
  }
}

<!-- src/index.html — Parcel resolves dependencies automatically -->
<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="./styles.css" />
</head>
<body>
  <div id="app"></div>
  <script type="module" src="./index.js"></script>
</body>
</html>

Multi-Entry and Environment Variables

# Multiple entry points
npx parcel src/index.html src/admin.html

# Environment variables (available as process.env.API_URL)
API_URL=https://api.example.com npx parcel src/index.html

Custom Configuration

// .parcelrc — override default plugins when needed
{
  "extends": "@parcel/config-default",
  "transformers": {
    "*.svg": ["@parcel/transformer-svg-react"]
  }
}

Best Practices

Keep entry files and asset structure clear; Parcel auto-resolves dependencies
Use parcel build with content hashing (default) for production caching
Configure targets in package.json for library builds vs. app builds
For large projects, evaluate performance against Vite or Webpack
Use .env files for environment-specific configuration

Reference

Official documentation: https://parceljs.org/

Keywords

parcel, bundler, zero-config, HMR, hot module replacement, code splitting, web bundling

partme-ai/parcel

skills/build-skills/parcel/SKILL.md

Provides comprehensive guidance for Parcel bundler including zero-configuration setup, asset handling, hot module replacement, code splitting, and production builds. Use when the user asks about Parcel, needs a zero-config build tool, or wants to bundle web applications quickly.

270 stars

tools

Updated Apr 10, 2026

$ install --global

skillsauth

npx skillsauth add partme-ai/full-stack-skills parcel

Install this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.

Security Scan Results

3 of 9 scanners reported clean

Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.

Scanners Passed

Scanners in report

Clean

TrivyContainer and dependency vulnerability scanner

95%

Clean

SemgrepStatic code analysis for vulnerabilities

95%

Clean

mcp-scan (Snyk)Model Context Protocol security validation

95%

Skipped

Snyk (dep)Open source security scanning

50%

Skipped

Socket.devSupply chain security analysis

50%

Skipped

VirusTotalMulti-engine malware detection

50%

Skipped

CrowdStrikeAdvanced threat intelligence

50%

Skipped

OSV-ScannerOpen Source Vulnerability database check

50%

Skipped

OWASP Dep-Check

50%

Last scanned: Apr 10, 2026, 8:43 AM4.8s2 files scanned

SKILL.md

name:: parcel
description:: Provides comprehensive guidance for Parcel bundler including zero-configuration setup, asset handling, hot module replacement, code splitting, and production builds. Use when the user asks about Parcel, needs a zero-config build tool, or wants to bundle web applications quickly.
license:: Complete terms in LICENSE.txt

When to use this skill

Use this skill whenever the user wants to:

Set up a zero-configuration bundler for web applications
Bundle JavaScript, CSS, HTML, images, and other assets automatically
Use hot module replacement (HMR) for fast development
Configure multi-entry builds, environment variables, and production output
Migrate from or compare with Webpack/Vite

How to use this skill

Workflow

Install — add Parcel as a dev dependency
Point to entry — specify HTML or JS entry file
Develop — run parcel for dev server with HMR
Build — run parcel build for optimized production output
Validate — check output size and asset hashing

Quick Start Example

# Install
npm install --save-dev parcel

# Development server with HMR
npx parcel src/index.html

# Production build
npx parcel build src/index.html --dist-dir dist

// package.json
{
  "source": "src/index.html",
  "scripts": {
    "dev": "parcel",
    "build": "parcel build"
  }
}

<!-- src/index.html — Parcel resolves dependencies automatically -->
<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="./styles.css" />
</head>
<body>
  <div id="app"></div>
  <script type="module" src="./index.js"></script>
</body>
</html>

Multi-Entry and Environment Variables

# Multiple entry points
npx parcel src/index.html src/admin.html

# Environment variables (available as process.env.API_URL)
API_URL=https://api.example.com npx parcel src/index.html

Custom Configuration

// .parcelrc — override default plugins when needed
{
  "extends": "@parcel/config-default",
  "transformers": {
    "*.svg": ["@parcel/transformer-svg-react"]
  }
}

Best Practices

Keep entry files and asset structure clear; Parcel auto-resolves dependencies
Use parcel build with content hashing (default) for production caching
Configure targets in package.json for library builds vs. app builds
For large projects, evaluate performance against Vite or Webpack
Use .env files for environment-specific configuration

Reference

Official documentation: https://parceljs.org/

Keywords

parcel, bundler, zero-config, HMR, hot module replacement, code splitting, web bundling

Related Skills

partme-ai/uniapp-project

development

VerifiedTrustedCommunity

Provides per-component and per-API examples with cross-platform compatibility details for uni-app, covering built-in components, uni-ui components, and APIs (network, storage, device, UI, navigation, media). Use when the user needs official uni-app components or APIs, wants per-component examples with doc links, or needs platform compatibility checks.

456SKILL.mdUpdated Jun 4, 2026

partme-ai/uniapp-project

partme-ai/uniapp-project-creator

tools

VerifiedTrustedCommunity

Creates new uni-app projects via the official CLI or HBuilderX with Vue 2/Vue 3 template selection, manifest.json and pages.json configuration, and directory structure setup. Use when the user wants to scaffold a new uni-app project, initialize project files with a single command, or set up the development environment.

456SKILL.mdUpdated Jun 4, 2026

partme-ai/uniapp-project-creator

partme-ai/uniapp-plugin

tools

VerifiedTrustedCommunity

Browses, installs, configures, and manages plugins from the uni-app plugin market (ext.dcloud.net.cn) including component plugins, API plugins, and template plugins with dependency handling. Use when the user needs to find and install uni-app plugins, configure plugin settings, manage plugin dependencies, or integrate third-party components.

456SKILL.mdUpdated Jun 4, 2026

partme-ai/uniapp-plugin

partme-ai/uniapp-native-plugin

tools

VerifiedTrustedCommunity

Develops native Android and iOS plugins for uni-app including module creation, JavaScript-to-native communication, and plugin packaging for distribution. Use when the user needs to build custom native modules, extend uni-app with native capabilities (camera, Bluetooth, sensors), or create publishable native plugins.

456SKILL.mdUpdated Jun 4, 2026

partme-ai/uniapp-native-plugin

Download

For Claude Desktop. Download once, then upload the file in the app — no terminal needed.

Need help? View full Cowork setup guide →

Install manually

Choose your platform

# Clone the repo
git clone https://github.com/partme-ai/full-stack-skills.git

# Copy into Claude Code skills folder (global)
cp -r full-stack-skills/skills/build-skills/parcel ~/.claude/skills/

Claude Code Skills — official skills path docs.

Repository

partme-ai/full-stack-skills

270 stars

Compatible with

Claude Code

OpenAI Codex CLI

ChatGPT