Token导航 LogoToken导航

Agent Skill · 前端设计

watt(watt 命令行)

watt 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息,适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态,以及是否会触发联网、命令执行或文件读写。

watt 是前端设计类 Agent Skill,可用宿主为 Codex、Claude、Cursor、Gemini CLI,通过GitHub 仓库获取,权限为接触敏感数据;许可证信息还不明确,第三方扫描有提醒项,按安装量在前端设计类的 10,216 个 Skill 里排第 6,651。

总安装 474周安装 19GitHub Stars 2下载 154核验 2026-05-01

安装说明

本站只整理中文说明,不托管安装包,也不代用户安装。
GitHub
许可证
unknown

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:watt(watt 命令行)
来源仓库:https://github.com/platformatic/skills
仓库路径:skills/watt
安装命令:
npx skills add https://github.com/platformatic/skills --skill watt
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。该命令会通过 npx skills 从第三方来源获取 Skill;本站只展示命令,不托管安装包,也不自动执行。

skills.shnpx skills
npx skills add https://github.com/platformatic/skills --skill watt

这个 Skill 是做什么的

前端设计类 Skill 关注页面结构、视觉规范和组件写法,输出通常是可运行的界面代码。

watt 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息。适合在 Codex、Claude、Cursor、Gemini CLI 中围绕仓库状态和协作事项进行整理。通过 npx skills add 命令安装,需结合原始 README 核验具体用法。

安装前建议确认权限范围、维护状态,以及是否会触发联网或命令执行。注意该技能当前无原始 SKILL.md 内容可参考,实际功能以仓库实现为准。

来源仓库内路径:skills/watt

上手步骤

4 步
  1. 1

    确认自己的宿主工具

    公开资料标注支持 Codex、Claude、Cursor、Gemini CLI;先确认自己用的是其中之一,再按对应工具的 Skills 目录放置。

  2. 2

    拿到安装命令

    可以直接复制的命令是 npx skills add https://github.com/platformatic/skills --skill watt;命令里的占位符换成自己的路径或密钥再执行。

  3. 3

    安装后重启宿主

    命令执行完要完全退出宿主工具再打开,让新装的 Skill 被重新扫描到,否则列表里可能看不到。

  4. 4

    按最小权限试用

    它需要接触敏感数据,先在测试目录或测试账号里跑,确认没问题再放到正式项目。

常见问题

6 条

watt 怎么安装?

在终端执行 npx skills add https://github.com/platformatic/skills --skill watt。装完完全退出宿主工具再打开,让它重新扫描本地 Skill。

watt 支持哪些 AI 工具?

公开资料标注支持 Codex、Claude、Cursor、Gemini CLI。其他工具只要能读取本地 Skill 目录,一般也能手动放进去,但要自己确认触发方式是否一致。

watt 需要什么权限?

权限级别是接触敏感数据。该 Skill 可能接触密钥、Token、环境变量或敏感配置,应进入高风险复核队列,默认不自动发布。

watt 是免费的吗?

公开资料没有标注明确许可证,收费和商用限制都无法确认。正式使用前请到来源仓库核对授权说明。

watt 用的人多吗?

公开数据是累计安装 474 次,近一周安装 19 次,下载 154 次,GitHub 2 星。这些数字来自第三方目录统计,只能当作热度参考,不代表质量或安全性。

watt 安全吗?

第三方扫描有提醒项,说明存在需要人工确认的行为。安装前请打开源码看清它读了什么、联网到哪里。

值得选的地方和要先想清楚的地方

值得选的地方

  • 同时适配 4 种工具,换客户端不用重新找替代品。

先想清楚的地方

  • 需要接触敏感数据,装到常用环境前要先评估影响面。
  • 许可证没有明确标注,能不能商用、能不能再分发都不确定。
  • 第三方扫描存在提醒项或未通过项,需要人工逐条确认。
  • 第三方目录整理,版本更新和行为细节以来源仓库为准。

适不适合你

更适合

  • 已经在用 Codex,想直接扩展它能力的人。
  • 需要处理前端设计类任务、又不想每次都手写提示词的人。

不太适合

  • 环境里有大量密钥、凭证,不方便给第三方 Skill 读取的人。
  • 需要明确授权才能用到公司项目里的场景。
  • 需要厂商级技术支持和 SLA 的生产系统。

前端设计类 Skill 对比

6 个同类
Skill总安装GitHub 星权限许可证扫描
frontend-design

前端设计 · Codex、Claude

8,823,360126,072只读MIT通过
vercel-composition-patterns

Vercel 组合模式 · Codex、Claude

3,858,81625,893需要联网MIT通过
vercel-react-native-skills

Vercel React native skills 前端 · Codex、Claude

2,468,66425,878只读MIT通过
adapt

adapt 搜索 · Codex、Claude

2,027,04023,125操作浏览器未明确通过
bolder

bolder 分析 · Codex、Claude

2,004,28823,130只读未明确通过
watt

watt 命令行 · 本页

4742接触敏感数据未明确有提醒

按安装量取同分类前几名;数字来自第三方目录统计,只作热度参考,不代表质量结论。

SKILL.md 原文

Platformatic Watt Integration Skill

You are an expert in Platformatic Watt, the Node.js Application Server. Help users integrate, configure, and deploy Watt in their projects.

Prerequisites Check

Before any Watt operation, verify:

  1. Node.js Version: Watt requires Node.js v22.19.0+ node --version If below v22.19.0, inform user they must upgrade Node.js first.
  2. Existing Watt Config: Check if watt.json already exists ls watt.json 2>/dev/null

Command Router

Based on user input ($ARGUMENTS), route to the appropriate workflow:

Input PatternAction
init, setup, integrate, (empty)Run Integration Workflow
multi-service, enterprise, composerRun Multi-Service Setup
migrate, port, onboard, pocRun Migration/POC Workflow
observability, logging, tracing, metricsRun Observability Setup
scheduler, cron, jobsRun Scheduler Setup
cms, contentful, sanity, headlessRun CMS Integration Setup
deploy dockerRun Docker Deployment
deploy k8s, deploy kubernetesRun Kubernetes Deployment
deploy cloud, deploy fly, deploy railwayRun Cloud Deployment
cli, wattpm, commandsRun wattpm CLI Workflow
create, scaffoldRun wattpm CLI Workflow (create)
inject, test endpointRun wattpm CLI Workflow (inject)
logsRun wattpm CLI Workflow (logs)
ps, applications, servicesRun wattpm CLI Workflow (ps)
admin, dashboardRun wattpm CLI Workflow (admin)
resolve, importRun wattpm CLI Workflow (resolve/import)
status, checkRun Status Check

Integration Workflow

Step 1: Framework Detection

Analyze the project to identify the framework. Use this priority order:

Priority 1 - Config Files:

FileFrameworkPackage
next.config.js, next.config.ts, next.config.mjsNext.js@platformatic/next
remix.config.jsRemix@platformatic/remix
astro.config.mjs, astro.config.tsAstro@platformatic/astro
nest-cli.jsonNestJS@platformatic/node
wp-config.phpWordPress@platformatic/php
artisan + composer.jsonLaravel@platformatic/php
composer.json + public/index.phpPHP@platformatic/php

Priority 2 - Dependencies (check package.json):

DependencyFrameworkPackage
@nestjs/coreNestJS@platformatic/node
fastifyFastify@platformatic/node
expressExpress@platformatic/node
koaKoa@platformatic/node

Priority 3 - Fallback: If no framework detected, use generic Node.js with @platformatic/node.

For framework-specific configuration, read the appropriate reference file:

Step 2: Generate watt.json

Create watt.json based on detected framework. Use the schema URL:

https://schemas.platformatic.dev/@platformatic/{package}/3.0.0.json

Where {package} is: next, remix, astro, node, or php.

Runtime placement rule:

  • For single-config application files (e.g. @platformatic/node, @platformatic/next, etc.), put runtime settings under runtime.
  • For multi-app/root orchestrator configs (watt / @platformatic/runtime with services/web/autoload), keep a top-level runtime block in the root watt.json.

Step 3: Install Dependencies

Install wattpm:

npm install wattpm

For Next.js, Remix, Astro, or PHP, also install the specific stackable:

npm install @platformatic/next    # for Next.js
npm install @platformatic/remix   # for Remix
npm install @platformatic/astro   # for Astro
npm install @platformatic/php     # for PHP/WordPress/Laravel

Step 4: Update package.json Scripts

Add or update these scripts in package.json:

{
  "scripts": {
    "dev": "wattpm dev",
    "build": "wattpm build",
    "start": "wattpm start"
  }
}

Step 5: Create Environment File

Create .env if it doesn't exist:

PLT_SERVER_HOSTNAME=0.0.0.0
PLT_SERVER_LOGGER_LEVEL=info
PORT=3000

Step 6: Verify Setup

Run a quick verification:

wattpm --version

Inform the user they can now run:

  • npm run dev for development
  • npm run build && npm run start for production

Multi-Service Setup

When user requests enterprise/multi-service setup:

  1. Read references/enterprise.md
  2. Create project structure with:

- Root watt.json with service definitions - web/composer/ - API gateway (Platformatic Composer) - web/frontend/ - Next.js or other frontend - web/api/ - Fastify API service - web/db/ - Platformatic DB service (optional)

  1. Configure Composer for path-based routing
  2. Set up inter-service communication via {service-id}.plt.local

Service Communication

Services communicate internally without network overhead:

// From api service, call db service
const response = await fetch('http://db.plt.local/users');

Migration / POC Workflow

When user wants to migrate an existing app or prepare for a POC:

  1. Read references/poc-checklist.md
  2. Verify prerequisites:

- Node.js 22.19.0+ - Application runs locally - Database/API access available

  1. Install: npm install wattpm (or use npx wattpm)
  2. Create watt.json with application entrypoint
  3. Modify the entrypoint to prefer exporting a create function (returns the app/server). If an @platformatic/node entrypoint listens by itself, also export a close function or register a close handler via @platformatic/globals so Watt can stop it cleanly without shutdown warnings.
  4. Test with npx wattpm dev and npx wattpm start

Entrypoint Pattern (Express Example)

async function create() {
  const app = express()
  app.get('/health', (req, res) => res.json({ status: 'ok' }))
  return app
}
module.exports = { create }

Observability Setup

When user requests logging, tracing, or metrics setup:

  1. Read references/observability.md
  2. Determine observability needs:

- Logging: Pino configuration, file transport, redaction - Tracing: OpenTelemetry with OTLP exporter - Metrics: Prometheus endpoint on port 9090

  1. Configure based on backend:

- Jaeger, Datadog, New Relic, Grafana Stack, AWS, GCP, Azure

  1. Set up log-trace correlation for debugging

Quick Setup

Logging + Tracing + Metrics:

{
  "logger": {
    "level": "{PLT_SERVER_LOGGER_LEVEL}"
  },
  "telemetry": {
    "serviceName": "my-service",
    "exporter": {
      "type": "otlp",
      "options": { "url": "{OTEL_EXPORTER_OTLP_ENDPOINT}/v1/traces" }
    }
  },
  "metrics": {
    "port": 9090
  }
}

Scheduler Setup

When user requests cron/scheduled jobs setup:

  1. Read references/scheduler.md
  2. Add scheduler array to watt.json
  3. Configure jobs with cron expressions, callback URLs, and retry settings
  4. Create endpoint handlers in target services

Quick Setup

{
  "scheduler": [
    {
      "name": "daily-cleanup",
      "cron": "0 0 3 * * *",
      "callbackUrl": "http://api.plt.local/cron/cleanup",
      "method": "POST",
      "maxRetries": 3
    }
  ]
}

Key Points

  • Uses standard cron format with optional seconds field
  • Internal URLs: http://{service-id}.plt.local
  • Jobs retry on failure (default: 3 attempts)
  • State is in-memory only (not persisted across restarts)

CMS Integration Setup

When user requests headless CMS integration (Contentful, Sanity, Strapi, etc.):

  1. Read references/cms-integration.md
  2. Recommend architecture with separate content-worker service
  3. Set up webhook endpoint for CMS callbacks
  4. Configure cache invalidation with Next.js revalidateTag()
  5. Create mock data pattern for development

Key Components

  • Content Worker: Fastify service handling webhooks
  • Cache Tags: Map CMS content types to Next.js cache tags
  • Revalidation API: Next.js endpoint called by content-worker

Deployment Workflows

Docker Deployment

When user requests Docker deployment:

  1. Read references/deployment/docker.md
  2. Generate:

- Multi-stage Dockerfile optimized for Watt - .dockerignore file - Optional docker-compose.yml for development

  1. Provide build and run commands

Kubernetes Deployment

When user requests Kubernetes deployment:

  1. Read references/deployment/kubernetes.md
  2. Generate:

- deployment.yaml with health checks - service.yaml - configmap.yaml for environment variables - Optional hpa.yaml for autoscaling

  1. Provide kubectl apply commands

Cloud Deployment

When user requests cloud deployment:

  1. Read references/deployment/cloud.md
  2. Based on target platform, generate appropriate config:

- Fly.io: fly.toml - Railway: railway.json - Render: render.yaml

  1. Provide deployment commands

Status Check

When user runs /watt status:

  1. Node.js Version node --version Check if >= v22.19.0
  2. watt.json Exists ls watt.json
  3. watt.json Valid node -e "JSON.parse(require('fs').readFileSync('watt.json'))"
  4. wattpm Installed npx wattpm --version
  5. package.json Scripts Check for dev, build, start scripts

Report findings in a clear format:

Watt Configuration Status
========================
Node.js Version: vX.X.X [OK/UPGRADE NEEDED]
watt.json: [Found/Missing]
Configuration: [Valid/Invalid]
wattpm: [Installed vX.X.X/Not installed]
Scripts: [Configured/Missing]

[Next steps if any issues found]

wattpm CLI Workflow

When users ask about wattpm commands, CLI usage, or managing running applications:

  1. Read references/wattpm-cli.md
  2. Based on the user's request, provide the relevant command with flags and examples
  3. For general CLI questions, give an overview of available commands

Common Scenarios

Scaffolding a new project:

wattpm create
wattpm create --module @platformatic/next

Testing endpoints on a running app:

wattpm inject --path /health
wattpm inject my-app api-service --method POST --path /users \
  --header "Content-Type: application/json" \
  --data '{"name": "Alice"}'

Monitoring a running app:

wattpm ps                        # list running instances
wattpm logs my-app               # stream all logs
wattpm logs my-app api-service   # stream logs from a sub-application
wattpm env my-app --table        # view environment variables
wattpm config my-app             # view configuration

Working with external applications:

wattpm import . platformatic/acme-base --id base-app
wattpm resolve                   # clone all external apps defined in watt.json

Administration:

wattpm admin                     # launch Watt admin UI
wattpm patch-config . patches/production.js  # apply config patches

Important Notes

  • Watt 3.x runs applications in parallel for faster startup
  • Use internal hostname {app-name}.plt.local for inter-service communication
  • The unified wattpm CLI replaces older individual CLIs
  • Always recommend running wattpm build before production deployment
  • TypeScript is supported natively via Node.js type stripping (v22.6+)

Performance Optimization

For production performance tuning, read references/performance.md

Key optimizations:

  • Configure PLT_NEXT_WORKERS for multi-threaded SSR
  • Scale CPU limits proportionally (workers × 1000m)
  • Enable distributed caching with Valkey/Redis
  • Use output: 'standalone' for Next.js

Troubleshooting

For common issues, read references/troubleshooting.md

平台分布

Claude

35.07%
按下载量换算54

Codex

34.33%
按下载量换算53

Cursor

18.14%
按下载量换算28

Gemini CLI

9.73%
按下载量换算15

安全审计

Gen Agent Trust Hub

通过

Socket

通过

Snyk

可疑

权限和风险

接触敏感数据

该 Skill 可能接触密钥、Token、环境变量或敏感配置,应进入高风险复核队列,默认不自动发布。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。来源安全扫描存在提醒或未通过项,安装前请自行复核。目前只有一个公开来源,建议同时核对源仓库。

继续浏览同类 Skills