@hienlh/ppm 0.9.81 → 0.9.83

package/.opencode/skills/design-system/templates/design-tokens-starter.json

@@ -1,143 +0,0 @@
-{
-  "$schema": "https://design-tokens.org/schema.json",
-  "primitive": {
-    "color": {
-      "gray": {
-        "50": { "$value": "#F9FAFB", "$type": "color" },
-        "100": { "$value": "#F3F4F6", "$type": "color" },
-        "200": { "$value": "#E5E7EB", "$type": "color" },
-        "300": { "$value": "#D1D5DB", "$type": "color" },
-        "400": { "$value": "#9CA3AF", "$type": "color" },
-        "500": { "$value": "#6B7280", "$type": "color" },
-        "600": { "$value": "#4B5563", "$type": "color" },
-        "700": { "$value": "#374151", "$type": "color" },
-        "800": { "$value": "#1F2937", "$type": "color" },
-        "900": { "$value": "#111827", "$type": "color" },
-        "950": { "$value": "#030712", "$type": "color" }
-      },
-      "blue": {
-        "50": { "$value": "#EFF6FF", "$type": "color" },
-        "500": { "$value": "#3B82F6", "$type": "color" },
-        "600": { "$value": "#2563EB", "$type": "color" },
-        "700": { "$value": "#1D4ED8", "$type": "color" },
-        "800": { "$value": "#1E40AF", "$type": "color" }
-      },
-      "red": {
-        "500": { "$value": "#EF4444", "$type": "color" },
-        "600": { "$value": "#DC2626", "$type": "color" },
-        "700": { "$value": "#B91C1C", "$type": "color" }
-      },
-      "green": {
-        "500": { "$value": "#22C55E", "$type": "color" },
-        "600": { "$value": "#16A34A", "$type": "color" }
-      },
-      "yellow": {
-        "500": { "$value": "#EAB308", "$type": "color" }
-      },
-      "white": { "$value": "#FFFFFF", "$type": "color" }
-    },
-    "spacing": {
-      "0": { "$value": "0", "$type": "dimension" },
-      "1": { "$value": "0.25rem", "$type": "dimension" },
-      "2": { "$value": "0.5rem", "$type": "dimension" },
-      "3": { "$value": "0.75rem", "$type": "dimension" },
-      "4": { "$value": "1rem", "$type": "dimension" },
-      "5": { "$value": "1.25rem", "$type": "dimension" },
-      "6": { "$value": "1.5rem", "$type": "dimension" },
-      "8": { "$value": "2rem", "$type": "dimension" },
-      "10": { "$value": "2.5rem", "$type": "dimension" },
-      "12": { "$value": "3rem", "$type": "dimension" },
-      "16": { "$value": "4rem", "$type": "dimension" }
-    },
-    "fontSize": {
-      "xs": { "$value": "0.75rem", "$type": "dimension" },
-      "sm": { "$value": "0.875rem", "$type": "dimension" },
-      "base": { "$value": "1rem", "$type": "dimension" },
-      "lg": { "$value": "1.125rem", "$type": "dimension" },
-      "xl": { "$value": "1.25rem", "$type": "dimension" },
-      "2xl": { "$value": "1.5rem", "$type": "dimension" },
-      "3xl": { "$value": "1.875rem", "$type": "dimension" },
-      "4xl": { "$value": "2.25rem", "$type": "dimension" }
-    },
-    "radius": {
-      "none": { "$value": "0", "$type": "dimension" },
-      "sm": { "$value": "0.125rem", "$type": "dimension" },
-      "default": { "$value": "0.25rem", "$type": "dimension" },
-      "md": { "$value": "0.375rem", "$type": "dimension" },
-      "lg": { "$value": "0.5rem", "$type": "dimension" },
-      "xl": { "$value": "0.75rem", "$type": "dimension" },
-      "full": { "$value": "9999px", "$type": "dimension" }
-    },
-    "shadow": {
-      "none": { "$value": "none", "$type": "shadow" },
-      "sm": { "$value": "0 1px 2px 0 rgb(0 0 0 / 0.05)", "$type": "shadow" },
-      "default": { "$value": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)", "$type": "shadow" },
-      "md": { "$value": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)", "$type": "shadow" },
-      "lg": { "$value": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)", "$type": "shadow" }
-    },
-    "duration": {
-      "fast": { "$value": "150ms", "$type": "duration" },
-      "normal": { "$value": "200ms", "$type": "duration" },
-      "slow": { "$value": "300ms", "$type": "duration" }
-    }
-  },
-  "semantic": {
-    "color": {
-      "background": { "$value": "{primitive.color.gray.50}", "$type": "color" },
-      "foreground": { "$value": "{primitive.color.gray.900}", "$type": "color" },
-      "primary": { "$value": "{primitive.color.blue.600}", "$type": "color" },
-      "primary-hover": { "$value": "{primitive.color.blue.700}", "$type": "color" },
-      "primary-foreground": { "$value": "{primitive.color.white}", "$type": "color" },
-      "secondary": { "$value": "{primitive.color.gray.100}", "$type": "color" },
-      "secondary-foreground": { "$value": "{primitive.color.gray.900}", "$type": "color" },
-      "muted": { "$value": "{primitive.color.gray.100}", "$type": "color" },
-      "muted-foreground": { "$value": "{primitive.color.gray.500}", "$type": "color" },
-      "destructive": { "$value": "{primitive.color.red.600}", "$type": "color" },
-      "destructive-foreground": { "$value": "{primitive.color.white}", "$type": "color" },
-      "border": { "$value": "{primitive.color.gray.200}", "$type": "color" },
-      "ring": { "$value": "{primitive.color.blue.500}", "$type": "color" }
-    },
-    "spacing": {
-      "component": { "$value": "{primitive.spacing.4}", "$type": "dimension" },
-      "section": { "$value": "{primitive.spacing.12}", "$type": "dimension" }
-    }
-  },
-  "component": {
-    "button": {
-      "bg": { "$value": "{semantic.color.primary}", "$type": "color" },
-      "fg": { "$value": "{semantic.color.primary-foreground}", "$type": "color" },
-      "hover-bg": { "$value": "{semantic.color.primary-hover}", "$type": "color" },
-      "padding-x": { "$value": "{primitive.spacing.4}", "$type": "dimension" },
-      "padding-y": { "$value": "{primitive.spacing.2}", "$type": "dimension" },
-      "radius": { "$value": "{primitive.radius.md}", "$type": "dimension" },
-      "font-size": { "$value": "{primitive.fontSize.sm}", "$type": "dimension" }
-    },
-    "input": {
-      "bg": { "$value": "{semantic.color.background}", "$type": "color" },
-      "border": { "$value": "{semantic.color.border}", "$type": "color" },
-      "focus-ring": { "$value": "{semantic.color.ring}", "$type": "color" },
-      "padding-x": { "$value": "{primitive.spacing.3}", "$type": "dimension" },
-      "padding-y": { "$value": "{primitive.spacing.2}", "$type": "dimension" },
-      "radius": { "$value": "{primitive.radius.md}", "$type": "dimension" }
-    },
-    "card": {
-      "bg": { "$value": "{primitive.color.white}", "$type": "color" },
-      "border": { "$value": "{semantic.color.border}", "$type": "color" },
-      "shadow": { "$value": "{primitive.shadow.default}", "$type": "shadow" },
-      "padding": { "$value": "{primitive.spacing.6}", "$type": "dimension" },
-      "radius": { "$value": "{primitive.radius.lg}", "$type": "dimension" }
-    }
-  },
-  "dark": {
-    "semantic": {
-      "color": {
-        "background": { "$value": "{primitive.color.gray.950}", "$type": "color" },
-        "foreground": { "$value": "{primitive.color.gray.50}", "$type": "color" },
-        "secondary": { "$value": "{primitive.color.gray.800}", "$type": "color" },
-        "muted": { "$value": "{primitive.color.gray.800}", "$type": "color" },
-        "muted-foreground": { "$value": "{primitive.color.gray.400}", "$type": "color" },
-        "border": { "$value": "{primitive.color.gray.800}", "$type": "color" }
-      }
-    }
-  }
-}

package/.opencode/skills/devops/.env.example

@@ -1,76 +0,0 @@
-# DevOps Skill - Environment Variables
-
-# =============================================================================
-# Cloudflare Configuration
-# =============================================================================
-# Get these from: https://dash.cloudflare.com
-# API Token: Profile -> API Tokens -> Create Token
-# Account ID: Overview -> Account ID (right sidebar)
-
-CLOUDFLARE_API_TOKEN=your_cloudflare_api_token_here
-CLOUDFLARE_ACCOUNT_ID=your_cloudflare_account_id_here
-
-# Optional: Specific zone configuration
-# CLOUDFLARE_ZONE_ID=your_zone_id_here
-
-# =============================================================================
-# Google Cloud Configuration
-# =============================================================================
-# Authentication via service account key file or gcloud CLI
-# Download from: IAM & Admin -> Service Accounts -> Create Key
-
-# Option 1: Service account key file path
-GOOGLE_APPLICATION_CREDENTIALS=/path/to/service-account-key.json
-
-# Option 2: Project configuration
-# GCP_PROJECT_ID=your-project-id
-# GCP_REGION=us-central1
-# GCP_ZONE=us-central1-a
-
-# =============================================================================
-# Docker Configuration
-# =============================================================================
-# Optional: Docker registry authentication
-
-# Docker Hub
-# DOCKER_USERNAME=your_docker_username
-# DOCKER_PASSWORD=your_docker_password
-
-# Google Container Registry (GCR)
-# GCR_HOSTNAME=gcr.io
-# GCR_PROJECT_ID=your-project-id
-
-# AWS ECR
-# AWS_ACCOUNT_ID=123456789012
-# AWS_REGION=us-east-1
-
-# =============================================================================
-# CI/CD Configuration
-# =============================================================================
-# Optional: For automated deployments
-
-# GitHub Actions
-# GITHUB_TOKEN=your_github_token
-
-# GitLab CI
-# GITLAB_TOKEN=your_gitlab_token
-
-# =============================================================================
-# Monitoring & Logging
-# =============================================================================
-# Optional: For observability
-
-# Sentry
-# SENTRY_DSN=your_sentry_dsn
-
-# Datadog
-# DD_API_KEY=your_datadog_api_key
-
-# =============================================================================
-# Notes
-# =============================================================================
-# 1. Copy this file to .env and fill in your actual values
-# 2. Never commit .env file to version control
-# 3. Use different credentials for dev/staging/production
-# 4. Rotate credentials regularly
-# 5. Use least-privilege principle for API tokens

package/.opencode/skills/devops/SKILL.md

@@ -1,288 +0,0 @@
----
-name: ck:devops
-description: Deploy and manage cloud infrastructure on Cloudflare (Workers, R2, D1, KV, Pages, Durable Objects, Browser Rendering), Docker containers, and Google Cloud Platform (Compute Engine, GKE, Cloud Run, App Engine, Cloud Storage). Use when deploying serverless functions to the edge, configuring edge computing solutions, managing Docker containers and images, setting up CI/CD pipelines, optimizing cloud infrastructure costs, implementing global caching strategies, working with cloud databases, or building cloud-native applications.
-argument-hint: "[platform] [task]"
-license: MIT
-metadata:
-  author: claudekit
-  version: "1.0.0"
----
-
-# DevOps Skill
-
-Comprehensive guide for deploying and managing cloud infrastructure across Cloudflare edge platform, Docker containerization, and Google Cloud Platform.
-
-## When to Use This Skill
-
-Use this skill when:
-- Deploying serverless applications to Cloudflare Workers
-- Containerizing applications with Docker
-- Managing Google Cloud infrastructure with gcloud CLI
-- Setting up CI/CD pipelines across platforms
-- Optimizing cloud infrastructure costs
-- Implementing multi-region deployments
-- Building edge-first architectures
-- Managing container orchestration with Kubernetes
-- Configuring cloud storage solutions (R2, Cloud Storage)
-- Automating infrastructure with scripts and IaC
-
-## Platform Selection Guide
-
-### When to Use Cloudflare
-
-**Best For:**
-- Edge-first applications with global distribution
-- Ultra-low latency requirements (<50ms)
-- Static sites with serverless functions
-- Zero egress cost scenarios (R2 storage)
-- WebSocket/real-time applications (Durable Objects)
-- AI/ML at the edge (Workers AI)
-
-**Key Products:**
-- Workers (serverless functions)
-- R2 (object storage, S3-compatible)
-- D1 (SQLite database with global replication)
-- KV (key-value store)
-- Pages (static hosting + functions)
-- Durable Objects (stateful compute)
-- Browser Rendering (headless browser automation)
-
-**Cost Profile:** Pay-per-request, generous free tier, zero egress fees
-
-### When to Use Docker
-
-**Best For:**
-- Local development consistency
-- Microservices architectures
-- Multi-language stack applications
-- Traditional VPS/VM deployments
-- Kubernetes orchestration
-- CI/CD build environments
-- Database containerization (dev/test)
-
-**Key Capabilities:**
-- Application isolation and portability
-- Multi-stage builds for optimization
-- Docker Compose for multi-container apps
-- Volume management for data persistence
-- Network configuration and service discovery
-- Cross-platform compatibility (amd64, arm64)
-
-**Cost Profile:** Infrastructure cost only (compute + storage)
-
-### When to Use Google Cloud
-
-**Best For:**
-- Enterprise-scale applications
-- Data analytics and ML pipelines (BigQuery, Vertex AI)
-- Hybrid/multi-cloud deployments
-- Kubernetes at scale (GKE)
-- Managed databases (Cloud SQL, Firestore, Spanner)
-- Complex IAM and compliance requirements
-
-**Key Services:**
-- Compute Engine (VMs)
-- GKE (managed Kubernetes)
-- Cloud Run (containerized serverless)
-- App Engine (PaaS)
-- Cloud Storage (object storage)
-- Cloud SQL (managed databases)
-
-**Cost Profile:** Varied pricing, sustained use discounts, committed use contracts
-
-## Quick Start
-
-### Cloudflare Workers
-
-```bash
-# Install Wrangler CLI
-npm install -g wrangler
-
-# Create and deploy Worker
-wrangler init my-worker
-cd my-worker
-wrangler deploy
-```
-
-See: `references/cloudflare-workers-basics.md`
-
-### Docker Container
-
-```bash
-# Create Dockerfile
-cat > Dockerfile <<EOF
-FROM node:20-alpine
-WORKDIR /app
-COPY package*.json ./
-RUN npm ci --production
-COPY . .
-EXPOSE 3000
-CMD ["node", "server.js"]
-EOF
-
-# Build and run
-docker build -t myapp .
-docker run -p 3000:3000 myapp
-```
-
-See: `references/docker-basics.md`
-
-### Google Cloud Deployment
-
-```bash
-# Install and authenticate
-curl https://sdk.cloud.google.com | bash
-gcloud init
-gcloud auth login
-
-# Deploy to Cloud Run
-gcloud run deploy my-service \
-  --image gcr.io/project/image \
-  --region us-central1
-```
-
-See: `references/gcloud-platform.md`
-
-## Reference Navigation
-
-### Cloudflare Platform
-- `cloudflare-platform.md` - Edge computing overview, key components
-- `cloudflare-workers-basics.md` - Getting started, handler types, basic patterns
-- `cloudflare-workers-advanced.md` - Advanced patterns, performance, optimization
-- `cloudflare-workers-apis.md` - Runtime APIs, bindings, integrations
-- `cloudflare-r2-storage.md` - R2 object storage, S3 compatibility, best practices
-- `cloudflare-d1-kv.md` - D1 SQLite database, KV store, use cases
-- `browser-rendering.md` - Puppeteer/Playwright automation on Cloudflare
-
-### Docker Containerization
-- `docker-basics.md` - Core concepts, Dockerfile, images, containers
-- `docker-compose.md` - Multi-container apps, networking, volumes
-
-### Google Cloud Platform
-- `gcloud-platform.md` - GCP overview, gcloud CLI, authentication
-- `gcloud-services.md` - Compute Engine, GKE, Cloud Run, App Engine
-
-### Python Utilities
-- `scripts/cloudflare-deploy.py` - Automate Cloudflare Worker deployments
-- `scripts/docker-optimize.py` - Analyze and optimize Dockerfiles
-
-## Common Workflows
-
-### Edge + Container Hybrid
-
-```yaml
-# Cloudflare Workers (API Gateway)
-# -> Docker containers on Cloud Run (Backend Services)
-# -> R2 (Object Storage)
-
-# Benefits:
-# - Edge caching and routing
-# - Containerized business logic
-# - Global distribution
-```
-
-### Multi-Stage Docker Build
-
-```dockerfile
-# Build stage
-FROM node:20-alpine AS build
-WORKDIR /app
-COPY package*.json ./
-RUN npm ci
-COPY . .
-RUN npm run build
-
-# Production stage
-FROM node:20-alpine
-WORKDIR /app
-COPY --from=build /app/dist ./dist
-COPY --from=build /app/node_modules ./node_modules
-USER node
-CMD ["node", "dist/server.js"]
-```
-
-### CI/CD Pipeline Pattern
-
-```yaml
-# 1. Build: Docker multi-stage build
-# 2. Test: Run tests in container
-# 3. Push: Push to registry (GCR, Docker Hub)
-# 4. Deploy: Deploy to Cloudflare Workers / Cloud Run
-# 5. Verify: Health checks and smoke tests
-```
-
-## Best Practices
-
-### Security
-- Run containers as non-root user
-- Use service account impersonation (GCP)
-- Store secrets in environment variables, not code
-- Scan images for vulnerabilities (Docker Scout)
-- Use API tokens with minimal permissions
-
-### Performance
-- Multi-stage Docker builds to reduce image size
-- Edge caching with Cloudflare KV
-- Use R2 for zero egress cost storage
-- Implement health checks for containers
-- Set appropriate timeouts and resource limits
-
-### Cost Optimization
-- Use Cloudflare R2 instead of S3 for large egress
-- Implement caching strategies (edge + KV)
-- Right-size container resources
-- Use sustained use discounts (GCP)
-- Monitor usage with cloud provider dashboards
-
-### Development
-- Use Docker Compose for local development
-- Wrangler dev for local Worker testing
-- Named gcloud configurations for multi-environment
-- Version control infrastructure code
-- Implement automated testing in CI/CD
-
-## Decision Matrix
-
-| Need | Choose |
-|------|--------|
-| Sub-50ms latency globally | Cloudflare Workers |
-| Large file storage (zero egress) | Cloudflare R2 |
-| SQL database (global reads) | Cloudflare D1 |
-| Containerized workloads | Docker + Cloud Run/GKE |
-| Enterprise Kubernetes | GKE |
-| Managed relational DB | Cloud SQL |
-| Static site + API | Cloudflare Pages |
-| WebSocket/real-time | Cloudflare Durable Objects |
-| ML/AI pipelines | GCP Vertex AI |
-| Browser automation | Cloudflare Browser Rendering |
-
-## Resources
-
-- **Cloudflare Docs:** https://developers.cloudflare.com
-- **Docker Docs:** https://docs.docker.com
-- **GCP Docs:** https://cloud.google.com/docs
-- **Wrangler CLI:** https://developers.cloudflare.com/workers/wrangler/
-- **gcloud CLI:** https://cloud.google.com/sdk/gcloud
-
-## Implementation Checklist
-
-### Cloudflare Workers
-- [ ] Install Wrangler CLI
-- [ ] Create Worker project
-- [ ] Configure wrangler.toml (bindings, routes)
-- [ ] Test locally with `wrangler dev`
-- [ ] Deploy with `wrangler deploy`
-
-### Docker
-- [ ] Write Dockerfile with multi-stage builds
-- [ ] Create .dockerignore file
-- [ ] Test build locally
-- [ ] Push to registry
-- [ ] Deploy to target platform
-
-### Google Cloud
-- [ ] Install gcloud CLI
-- [ ] Authenticate with service account
-- [ ] Create project and enable APIs
-- [ ] Configure IAM permissions
-- [ ] Deploy and monitor resources