ppvi 是做什麼的？
PinPin 視覺識別 — Claude Code 技能，內含經實戰驗證的設計美學方法論。五大核心原則（克制、灰階基底、嚴謹層級、玻璃擬態、密度呼吸）讓 AI 生成的網頁看起來更有意圖，不再千篇一律。
- 來源：https://github.com/xntj-ai/ppvi
- GitHub 星數：9
- 最後推送時間：2026-06-16T10:15:44Z
- 由 Awesome Skills 每日技能獵人於 2026-06-16 新增。
PinPin 視覺識別系統 — Claude Code 技能，內含經實戰驗證的設計美學方法論。五大核心原則（克制、灰階基底、嚴謹層級、玻璃擬態、密度呼吸）讓 AI 生成的網頁看起來更有意圖，不再千篇一律。
此技能為 Claude Code 提供了一套名為「PinPin 視覺識別」（PPVI）的設計美學方法論，旨在幫助 AI 生成的網頁呈現專業且有目的性的視覺效果。其核心包含五大原則：克制（避免過度設計）、灰階基底（先以無彩色建立層級與節奏）、嚴謹層級（建立清晰的資訊架構）、玻璃擬態（現代化 UI 質感）以及密度呼吸（透過留白與空間控制提升可讀性）。這些原則經過實戰驗證，能有效避免 AI 生成介面常見的「千篇一律」感。技能本身為單一 SKILL.md 檔案，可直接套用於 Claude Code，適用於任何需要生成 UI 或網頁的開發場景。由於其開源且輕量，任何人都能輕鬆匯入並根據專案需求調整。
npx skills add xntj-ai/ppviPinPin 視覺識別 — Claude Code 技能，內含經實戰驗證的設計美學方法論。五大核心原則（克制、灰階基底、嚴謹層級、玻璃擬態、密度呼吸）讓 AI 生成的網頁看起來更有意圖，不再千篇一律。
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".