Pcion's Blog

 Pcion's Blog

發表於 分類於

用 /create-skill 打造專屬 Copilot 技能

GitHub Copilot 的 Agent Skills 讓你能把常用工作流程封裝成可重複呼叫的技能（Skill），省去每次對話都要重新解釋背景的麻煩。而現在，你甚至不需要手動撰寫 SKILL.md—只要在 Chat 裡輸入 /create-skill，Copilot 就會根據你的描述或現有工具，自動幫你把整份技能定義檔生出來。

本文會以「移除 Google Gemini 浮水印」為範例，完整演示從建立 Skill 到實際使用的全流程。

閱讀全文 »

發表於 分類於

VS Code Agent Skills 使用指南

GitHub Copilot 的 Agent Skills 功能讓你能夠建立可重複使用的工作流程，並在需要時自動載入對應的指令、腳本與資源。本文將介紹 Agent Skills 的核心概念、建立方式，以及與其他自訂功能的差異。

Agent Skills 是什麼？

Agent Skills 是由一個資料夾組成的技能包，內含 SKILL.md 指令檔、腳本與相關資源。當 GitHub Copilot 判斷某個技能與當前任務相關時，會自動載入對應的內容。

Agent Skills 的設計遵循開放標準（agentskills.io），因此建立好的技能不僅適用於 VS Code，也能在 GitHub Copilot CLI 與 GitHub Copilot Coding Agent 等環境中使用。

使用 Agent Skills 的主要優點：

  • 專業化：為特定領域的任務量身打造能力，不需每次重複說明背景
  • 減少重工：建立一次，自動套用於所有相關對話
  • 組合運用：多個技能可以組合搭配，建構複雜的工作流程
  • 高效載入：僅在相關時才將內容載入 context，避免浪費 token
閱讀全文 »

發表於 分類於

Chrome DevTools MCP 安裝指南與使用

簡介

什麼是 Chrome DevTools MCP？

chrome-devtools-mcp 是由 Google ChromeDevTools 官方團隊開發的 MCP（Model Context Protocol）伺服器。它讓 AI 程式輔助工具（如 GitHub Copilot、Claude、Cursor 等）能夠直接控制並檢查一個真實的 Chrome 瀏覽器，賦予 AI 完整的 Chrome DevTools 能力，從效能分析、網路監控到自動化操作，一應俱全。

核心特性

  • 效能分析：錄製 Performance Trace 並透過 Chrome DevTools 提取可執行的效能洞察
  • 進階除錯：分析網路請求、擷取截圖、查看 Console 訊息（含 Source Map 錯誤堆疊）
  • 可靠的自動化：基於 Puppeteer 進行 Chrome 自動化操作，並自動等待操作結果完成
  • Lighthouse 稽核：對網頁執行 Lighthouse 品質稽核，涵蓋效能、無障礙、SEO 等指標
  • 記憶體快照：擷取頁面記憶體快照，協助追蹤記憶體洩漏問題
  • 自動連線（autoConnect）：自動附加至已開啟的 Chrome 實例，保留原有的登入狀態與分頁

支援的 MCP 用戶端

  • GitHub Copilot / VS Code
  • Claude Desktop / Claude Code
  • Cursor
  • Gemini CLI / Gemini Code Assist
  • JetBrains AI Assistant
  • 以及更多支援 MCP 協議的工具
閱讀全文 »

發表於 分類於

Docker 安裝指南

文章目標

本篇依據 Docker 官方文件整理，帶你在 Ubuntu 上安裝 Docker Engine（含 Docker CLI、Buildx、Compose Plugin），並完成基本驗證。

本教學情境以 Windows 的 WSL2（Ubuntu 發行版）作為安裝載體。

適用環境

  • Windows 11（建議）或 Windows 10 + WSL2
  • Ubuntu 24.04 LTS、22.04 LTS（64-bit）
  • 已可使用 sudo
  • 網路可連到 download.docker.com

註解
官方對 Ubuntu 衍生發行版（例如 Linux Mint）不提供完整支援，雖然實務上可能可用。

閱讀全文 »

發表於 分類於

NVM 安裝指南

簡介

NVM（Node Version Manager）是一個基於 POSIX Shell 的 Node.js 版本管理工具，可讓你在同一台機器上快速安裝並切換不同版本的 Node.js。

支援平台： Unix、macOS、Windows WSL

提示
NVM 不支援 Windows 原生環境。Windows 使用者可改用 nvm-windows。

閱讀全文 »

發表於 分類於

Unity MCP 安裝指南與使用

簡介

什麼是 Unity MCP？

MCP for Unity 是由 Coplay 開發並維護的開源專案，透過 Model Context Protocol（MCP） 將 AI 助手（Claude、Claude Code、Cursor、VS Code Copilot、GitHub Copilot CLI 等）與你的 Unity Editor 串接起來。

簡單來說，只要你開著 Unity 編輯器，就可以直接對 AI 說：「幫我建立一個有紅色、藍色和黃色方塊的場景」或「幫我寫一個簡單的玩家控制器」，AI 就能透過 MCP 協定直接操作你的 Unity 專案。

核心特性

  • 自然語言控制：用文字描述任務，讓 AI 直接在 Unity 中執行
  • 豐富工具集：管理資產、場景、材質、腳本、UI、動畫、著色器等
  • 高效能批次執行：batch_execute 指令比逐一呼叫快 10 ～ 100 倍
  • 可擴充自訂工具：支援 Roslyn 執行時期腳本驗證與自訂工具擴充
  • 多 Unity 實例支援：可同時連接多個 Unity Editor 並指定目標實例
  • MIT 授權：完全開源免費

支援的 MCP 客戶端

  • Claude Desktop
  • Claude Code
  • Cursor
  • VS Code Copilot
  • GitHub Copilot CLI
  • Windsurf
閱讀全文 »

發表於 分類於

WSL2 安裝與初始化指南

什麼是 WSL2？

WSL2（Windows Subsystem for Linux 2）是 Windows 內建的 Linux 執行環境，讓你不用雙系統或傳統虛擬機，也能在 Windows 上直接使用 Ubuntu 等 Linux 發行版。

相較於 WSL1，WSL2 的主要優勢：

  • 使用真實 Linux Kernel，相容性更好
  • 與 Docker、Kubernetes 等工具整合更完整
  • 支援 systemd（需在發行版內啟用）
  • 更適合 Node.js、Python、容器化開發場景
閱讀全文 »

發表於 分類於

GitHub Copilot CLI 安裝指南

GitHub Copilot CLI 是 GitHub Copilot 的命令列介面工具，讓開發者可以直接在終端機中與 Copilot 互動。它能夠理解你的程式碼庫，協助撰寫程式碼、修復錯誤、建立新功能，甚至執行多步驟的自動化任務。

前置需求

  • 有效的 GitHub Copilot 訂閱方案（所有 Copilot 方案皆支援）
  • Windows 環境需使用 PowerShell v6 以上版本
  • 若透過組織或企業取得 Copilot 授權，需確認管理員已啟用 Copilot CLI 功能
閱讀全文 »

發表於 分類於

VSCode 與 Java 環境整合

在 VSCode 中進行 Java 開發，需要完成 JDK 安裝、環境變數配置 以及 擴充套件安裝 三個核心步驟。本文將系統性地介紹從環境建置到專案運行的完整流程，幫助開發者在 VSCode 上高效進行 Java 開發。

閱讀全文 »

發表於 分類於

VSCode 安裝指南

什麼是 VSCode？

Visual Studio Code（簡稱 VSCode）是由 Microsoft 開發的免費、開源程式碼編輯器，支援 Windows、macOS 和 Linux 三大平台。它具備以下特點：

  • 輕量且快速 — 啟動速度快，佔用系統資源少，適合日常開發使用
  • 豐富的擴充套件生態系 — 透過 Extensions Marketplace 安裝各種語言支援、主題、工具整合
  • 內建終端機 — 可直接在編輯器中操作命令列，無需切換視窗
  • Git 整合 — 內建版本控制功能，支援 diff、commit、branch 等操作
  • IntelliSense 智慧提示 — 提供自動補全、參數提示、快速文件查閱等功能
  • 跨平台一致體驗 — 在不同作業系統下擁有相同的操作介面與功能
閱讀全文 »
0%