OlympHill
Ui Phase (Grade A) logo

Ui Phase (Grade A)Sicherheitsgetesteter Entwicklungs-Skill für Claude AI. Grade A. Erzeuge UI-SPEC.md-Designverträge für frontend-lastige Phasen.

— (0)
Daniel NikulshynGeprüft von Daniel Nikulshyn·Aktualisiert Juli 2026

Übersicht

Ui Phase (Grade A) ist ein sicherheitsgetesteter Entwicklungs-Skill für Claude AI. Er generiert UI-SPEC.md-Designverträge für frontend-lastige Phasen. Der Skill folgt einem mehrschrittigen Prozess, der einen Banner anzeigt, die UI-Einwilligung überprüft, Argumente analysiert, eine Phase-Kontext zu ladet und einen UI-Forschungsagenten zur Generierung der Designverträge spawnet. Er unterstützt Funktionen wie automatisierte Erkennung von frontend-Projekten, eine optional URL des Entwicklungs-Servers und eine anpassbare UI-Pipeline. Das Werkzeug soll die Entwicklung unterstützen, indem es eine standardisierte und strukturierte Herangehensweise an UI-Designverträge bereitstellt.

Hauptfunktionen

  • Überprüfung der UI-Einwilligung
  • Laden des Projektsyts
  • Spawnen des UI-Forschungsagenten
  • Generierung von Designverträgen

Preise

Modell
Free
Kategorie
Fähigkeiten
Bewertung
Noch keine Bewertungen

Anwendungsfälle

Frontend-Entwicklung

Erzeuge UI-Designverträge für eine frontend-lastige Projektphase.

Projektplanung

Automatisiere die Erstellung von Designverträgen für eine spezifische Projektphase.

Erzeugung von Designverträgen

Verwende Ui Phase, um UI-SPEC.md-Designverträge für eine Projektphase zu generieren.

Pro & Contra

Pro

  • Automatisierung der Erstellung von UI-Designverträgen
  • Überprüfung von frontend-Projektindikatoren
  • Möglichkeit der visuellen Inspektion über Dev Server-URL

Contra

  • Erfordert eine spezifische Projektkonfiguration und -einrichtung
  • Auf Phasen mit frontend-lastigem Schwerpunkt beschränkt

Bewertungen

Melde dich an, um eine Bewertung abzugeben.

Noch keine Bewertungen. Sei die/der Erste!

Fragen & Antworten

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

Frage stellen

Alternativen zu Fähigkeiten

Manage Headers (Grade A) logo

Manage Headers (Grade A)

Fähigkeiten

Sicherheitsgeprüfte Entwicklungsfähigkeit für Claude AI. Grad A. Prüft und konfiguriert die Sicherheitsheader, die eine Power Pages-Seite an Browser sendet – Content Security Policy, frame und clickjacking Schutz

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

Using Git Worktrees (Grade A)

Fähigkeiten

Sicherheitsgetesteter Daten- und KI-Workflows für Claude AI. Klasse A. Verwenden, wenn Sie Feature-Arbeiten starten, die von der aktuellen Arbeitsumgebung isoliert werden müssen, oder bevor Sie Implementierungspläne ausführen - erstellt isolated Git Worktrees

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

Ga4 Bigquery Schema (Grade A)

Fähigkeiten

Sicherheitsgetestete Daten-AI-Fähigkeit für Claude AI. (Grade A). GA4 BigQuery Export-Schema-Referenz — vollständiger Feldbezug, verknüpfte Strukturen, Abfragemuster und Leistungs-Tipps

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

Meta Capi (Grade A)

Fähigkeiten

Sicherheitsgeprüfte data-ai-Fähigkeit für Claude AI. Grade A.

— (0)
Free
Callees (Grade A) logo

Callees (Grade A)

Fähigkeiten

Sicherheitstests für die Entwicklung von Claude AI. Note: A. Aufrufgraph der direkten Aufrufe auflisten

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

Test Module Name (Grade A)

Fähigkeiten

Sicherheitsgetestete daten-AI-Fähigkeit für Claude AI. Grade A. Benenne Haskell-Testmodule nach dem zu testenden Modul mit einem Spec-Suffix im gleichen Namespace.

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

Board Of Directors (Grade A)

Fähigkeiten

Erforscht-geprüftes Datenspiel für AI. Bester Ruf. Simuliere eine Diskussion einer 5-köpfigen Expertenjury für wichtige Entscheidungen. Verwendung für die Bewertung von Plänen, Architekturauswahl, Funktionsdesigns oder jeder Entscheidung.

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

Advpl Mvc Avancado (Grade A)

Fähigkeiten

Sicherheitsgeprüfte Entwicklungsfertigkeit für Claude AI. Grade A. Fortgeschrittenes MVC über PE (Punkte des Eingangs) – benutzerdefinierte Grids zu Standard-MVC-Bildschirmen hinzufügen (CNTA300/MATA070/MATA440/MATA460/FINA040 via *STRU)

— (0)
Free