OlympHill
Ui Phase (Grade A) logo

Ui Phase (Grade A)Sviluppo sicuro per skill di Claude AI. Grade A. Genera contratti di design UI-SPEC.md per le fasi heavy del frontend.

— (0)
Daniel NikulshynRecensito da Daniel Nikulshyn·Aggiornato luglio 2026

Panoramica

Ui Phase (Grade A) è una skill di sviluppo sicuramente testata per Claude AI. Genera contratti di design UI-SPEC.md per le fasi heavy del frontend. La skill segue un processo a passaggi multipli, che include la visualizzazione di un banner, il controllo della eleggibilità del UI, l'analisi degli argomenti, il carico dello stato della fase e la creazione di un agente di ricerca del UI per generare i contratti di design. Supporta funzionalità come la detezione automatica dei progetti precedenti del frontend, l'indirizzo URL del server di sviluppo facoltativo e la pipeline del UI configurabile. L'interfaccia è progettata per aiutare il processo di sviluppo fornendo un approccio standardizzato e strutturato alla progettazione dei contratti del design del UI.

Funzionalità chiave

  • Controllo dell'eleggibilità del UI
  • Carico dello stato del progetto
  • Spawning dell'agente del ricerca del UI
  • Generazione dei contratti di design

Prezzi

Modello
Free
Categoria
Competenze
Valutazione
Nessuna recensione

Casi d’uso

Sviluppo del frontend

Genera contratti di design del UI per una fase heavy del frontend di un progetto.

Pianificazione del progetto

Automatizza la creazione dei contratti di design per una fase specifica di un progetto.

Generazione dei contratti di design

Utilizza Ui Phase per generare i contratti di design UI-SPEC.md per una fase del progetto.

Pro & contro

Pro

  • Automatizzazione della generazione dei contratti di design del UI
  • Controllo dei indicatori di progetti precedenti del frontend
  • Consente l'ispezione visiva con l'indirizzo URL del server di sviluppo

Contro

  • Richiede una configurazione e setup del progetto specifiche
  • Limite alle fasi heavy del frontend

Recensioni

Accedi per lasciare una recensione.

Nessuna recensione. Sii il primo!

Domande e risposte

What are the main steps Ui Phase follows once a project is deemed eligible?

It displays a banner, loads project state and config, checks eligibility, parses arguments, loads phase context, and spawns a UI researcher agent to generate UI‑SPEC.md design contracts. Optional dev server URLs allow visual inspection of the generated contracts.

Asked by Rosalind Frost · Jun 15, 2026

Can Ui Phase generate contracts for non‑frontend projects?

No, it will notify the user that no frontend framework or UI files were detected. The user can choose to continue anyway, cancel, or permanently enable the UI pipeline via a config command.

Asked by Damian Wysocki · Jun 7, 2026

What arguments does the /pbr:ui phase command accept?

The command requires a phase number and optionally a dev server URL for visual inspection, e.g., `/pbr:ui phase 3 url http://localhost:3000`. Without a phase number it shows usage and stops.

Asked by Gideon Mwangi · Apr 21, 2026

How does Ui Phase determine if a project is eligible for UI design contracts?

It checks for a config flag ui.enabled. If not set, it auto‑detects frontend indicators like React, Vue, Angular, or presence of index.html and CSS/SCSS files. If none are found it prompts the user.

Asked by Quentin Lefevre · Apr 21, 2026

Fai una domanda

Alternative a Competenze

Manage Headers (Grade A) logo

Manage Headers (Grade A)

Competenze

Abilità di sviluppo testata per le sicurezza per Claude AI. Grade A. Esamina e configura le intestazioni di sicurezza che un sito Power Pages invia ai browser — politica di sicurezza del contenuto, protezione dalle frame e clickjacking

— (0)
Free
Using Git Worktrees (Grade A) logo

Using Git Worktrees (Grade A)

Competenze

Skill di sicurezza testata ai dati-ai per Claude AI. Classificata A. Usare quando si inizia il lavoro di feature che richiede l'isolamento dallo stato attuale del workspace o prima di eseguire i piani di implementazione - crea un repository git worktree isolato.

— (0)
Free
Ga4 Bigquery Schema (Grade A) logo

Ga4 Bigquery Schema (Grade A)

Competenze

Skill di dati ai testata per la sicurezza di Claude AI. Schema di esportazione di BigQuery GA4 di classe A.

— (0)
Free
Meta Capi (Grade A) logo

Meta Capi (Grade A)

Competenze

Skill per la sicurezza dei dati-ai per Claude AI. Classe A. Riferimento di configurazione della piattaforma Meta Conversions API (CAPI)

— (0)
Free
Callees (Grade A) logo

Callees (Grade A)

Competenze

Competenza di sviluppo testata a livello di sicurezza per Claude AI. Grade A. Elenco di tutto ciò a cui una funzione o metodo invoca (call graph diretto)

— (0)
Free
Test Module Name (Grade A) logo

Test Module Name (Grade A)

Competenze

Modulo di test sicuro per abilità AI dati da Claude AI. Grade A. Nome i moduli di test Haskell dopo il modulo da testare con suffisso Spec nel medesimo namespace. Utilizzare quando si scrivono o si vengono recensiti i moduli di test Haskell.

— (0)
Free
Board Of Directors (Grade A) logo

Board Of Directors (Grade A)

Competenze

Skill di AI dati con prova di sicurezza di alta qualità per Claude AI. Classe A. Simula una deliberazione di un collegio di esperti con 5 membri per le maggiori decisioni. Utilizzare quando si valuta i piani, le scelte di architettura, i progetti di design o qualsiasi altra decisione

— (0)
Free
Advpl Mvc Avancado (Grade A) logo

Advpl Mvc Avancado (Grade A)

Competenze

Skill di sviluppo testata per la sicurezza per Claude AI. Grade A. MVC avanzato tramite PE (Pontos de Entrada) — aggiungere griglie personalizzate in schermate MVC standard (CNTA300/MATA070/MATA440/MATA460/FINA040 via *STRU)

— (0)
Free