Skill Claude Code

Skill condivise per il team. Si installano con un comando one-line nel terminale e diventano disponibili in qualunque sessione Claude Code. Ogni skill carica in contesto le regole, lo stack e il processo per un caso d'uso ricorrente (demo cliente, landing, ecc.).

Prerequisiti (una sola volta)

Serve Claude Code installato sulla macchina. Lo script crea automaticamente la cartella ~/.claude/skills/<nome>/ se non esiste.

Landing Next.js

Crea landing page Next.js + Tailwind v4 + shadcn con deploy su Vercel

Next.jsTailwind v4shadcn/uiVercel

Installazione one-line

curl -sfL https://hub.yellowtest.it/api/skills/landing-nextjs/install.sh | bash

Incolla nel terminale. Lo script crea ~/.claude/skills/landing-nextjs/ e scarica i file necessari. Poi apri Claude Code in qualunque progetto.

Processo guidato a fasi: raccolta materiali (brand, copy, immagini), discussione struttura, scrittura documenti, setup tecnico, sviluppo iterativo sezione-per-sezione, deploy su Vercel con repo GitHub, env vars e dominio custom. Pensata per accompagnare anche chi è nuovo al flusso Next.js/Vercel.

Demo Frontend

Crea demo mock React + Vite + TanStack Query su mock layer (zero backend)

ReactViteTailwind v4shadcn/uiTanStack QueryVercel

Installazione one-line

curl -sfL https://hub.yellowtest.it/api/skills/demo-frontend/install.sh | bash

Incolla nel terminale. Lo script crea ~/.claude/skills/demo-frontend/ e scarica i file necessari. Poi apri Claude Code in qualunque progetto.

Processo guidato a fasi per costruire demo cliente che sembrano app vere: raccolta info (cosa dimostrare, entità, flusso, dati), struttura (route, feature), documenti (README, types, mockData), setup tecnico, sviluppo iterativo (mock API → hook → pagine), consegna (locale, preview Vercel, video). Quando la demo diventa progetto reale, si sostituisce solo mockApi.ts.

OpenRouter Image

Genera o modifica immagini via OpenRouter (Nano Banana Pro, Nano Banana 2, GPT Image 2)

PythonOpenRouterNano BananaGPT Image 2

Installazione one-line

curl -sfL https://hub.yellowtest.it/api/skills/openrouter-image/install.sh | bash

Incolla nel terminale. Lo script crea ~/.claude/skills/openrouter-image/ e scarica i file necessari. Poi apri Claude Code in qualunque progetto.

Setup aggiuntivo

Dopo l'installazione, serve una API key OpenRouter da https://openrouter.ai/keys salvata in env OPENROUTER_API_KEY o in ~/.config/openrouter/key (vedi README della skill). Verifica con: python3 ~/.claude/skills/openrouter-image/openrouter_image.py --check

Skill operativa per generare immagini con audit trail completo: ogni chiamata produce immagine + prompt.txt + meta.json + riga su log.jsonl, counter atomico per progetto (nessuna sovrascrittura), batch parallelo via JSON. Modelli astratti via alias pro/flash2/gpt2. Pre-flight --check valida API key e ping auth OpenRouter. Solo stdlib Python (niente pip).

Aggiornare una skill già installata

Rilancia lo stesso comando di installazione. Sovrascrive il file SKILL.md esistente con l'ultima versione.

Come si attivano in Claude Code

Non c'è un comando da invocare. Apri Claude Code nel tuo progetto e scrivi in italiano naturale, ad esempio: "Mi aiuti a creare una landing per il cliente X?" oppure "Facciamo una demo per Y". Claude rileva il contesto e attiva la skill giusta.