OlympHill
Ui Phase (Grade A) logo

Ui Phase (Grade A)Habilidade de desenvolvimento testada para segurança para Claude AI. Grau A. Gera contratos de design UI-SPEC.md para fases com forte foco em frontend.

(0)
Daniel NikulshynAvaliado por Daniel Nikulshyn·Atualizado julho de 2026

Visão geral

Ui Phase (Grau A) é uma habilidade de desenvolvimento testada para segurança para Claude AI. Ela gera contratos de design UI-SPEC.md para fases com forte foco em frontend. A habilidade segue um processo de várias etapas, incluindo a exibição de um banner, verificação de elegibilidade de UI, parsing de argumentos, carregamento de contexto de fase e inicialização de um agente de pesquisador de UI para gerar os contratos de design. Ele suporta recursos como detecção automática de projetos de frontend, URL de servidor de desenvolvimento opcional e pipeline de UI configurável. A ferramenta é projetada para auxiliar no processo de desenvolvimento, fornecendo uma abordagem estruturada e padronizada para contratos de design de UI.

Funcionalidades principais

  • Verificação de elegibilidade de UI
  • Carregamento de estado do projeto
  • Inicialização de agente de pesquisador de UI
  • Geração de contrato de design

Preços

Modelo
Free
Categoria
Habilidades
Avaliação
Ainda sem avaliações

Casos de uso

Desenvolvimento de Frontend

Gere contratos de design de UI para uma fase com forte foco em frontend de um projeto.

Planejamento de Projeto

Automatize a criação de contratos de design para uma fase específica de um projeto.

Geração de Contrato de Design

Use Ui Phase para gerar contratos de design UI-SPEC.md para uma fase de projeto.

Prós e contras

Prós

  • Automatiza a geração de contratos de design de UI
  • Verifica indicadores de projeto de frontend
  • Permite inspeção visual com URL de servidor de desenvolvimento

Contras

  • Requer configuração e configuração específicas do projeto
  • Limitado a fases com forte foco em frontend

Avaliações

Entra para deixar uma avaliação.

Ainda sem avaliações. Sê o primeiro!

Perguntas e respostas

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

Faz uma pergunta

Alternativas a Habilidades

Manage Headers (Grade A) logo

Manage Headers (Grade A)

Habilidades

Habilidade de desenvolvimento testada para segurança para Claude AI. Grau A. Inspeciona e configura os cabeçalhos de segurança que um site do Power Pages envia para os navegadores — Política de Segurança de Conteúdo, proteção contra frame e clickjacking

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

Using Git Worktrees (Grade A)

Habilidades

Habilidade de dados de segurança testada para Claude AI. Grau A. Use ao iniciar o trabalho de recurso que precisa de isolamento do espaço de trabalho atual ou antes de executar planos de implementação - cria worktrees git isolados

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

Ga4 Bigquery Schema (Grade A)

Habilidades

Habilidade de dados-IA testada por segurança para Claude AI. Nota A. Referência do Esquema de Exportação GA4 BigQuery - referência de campo completa, estruturas aninhadas, padrões de consulta e dicas de desempenho

(0)
Free
Meta Capi (Grade A) logo

Meta Capi (Grade A)

Habilidades

Habilidade de dados-IA testada em segurança para Claude AI. Grau A. Referência de configuração do Meta Conversions API (CAPI) — arquitetura, tipos de eventos, hash de informações de cliente, deduplicação, exemplos de implementação, AEM

(0)
Free
Callees (Grade A) logo

Callees (Grade A)

Habilidades

Habilidade de desenvolvimento testada por segurança para Claude AI. Nota A. Lista o que uma função/método chama (gráfico de chamadas direto)

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

Test Module Name (Grade A)

Habilidades

Habilidade de dados de segurança testada para Claude AI. Grau A.

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

Board Of Directors (Grade A)

Habilidades

Habilidade de dados-IA testada para segurança para Claude AI. Grau A. Simula uma deliberação de um conselho de 5 membros especialistas para decisões importantes. Use ao avaliar planos, escolhas de arquitetura, designs de recursos ou qualquer decisão

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

Advpl Mvc Avancado (Grade A)

Habilidades

Skill de desenvolvimento testada quanto à segurança para o Claude AI. Grade A. MVC avançado via PE (Pontos de Entrada) — adicionar grids customizadas em telas MVC padrão (CNTA300/MATA070/MATA440/MATA460/FINA040 via *STRU)

(0)
Free