Run any Skill in Manus with one click

rescue-ui-system

Stars3

Forks0

UpdatedMarch 1, 2026 at 20:04

Use this skill when designing or refactoring emergency operations UI in React with a modern clean visual language, semantic rescue colors, and fast task-oriented navigation.

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

nhmatsumoto

nhmatsumoto/sos_location

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Web DevelopersComputer and Mathematical Occupations·SOC 15-1254

SKILL.md

readonly

name	rescue-ui-system
description	Use this skill when designing or refactoring emergency operations UI in React with a modern clean visual language, semantic rescue colors, and fast task-oriented navigation.

Rescue UI System

Quando usar

Evolução de UX/UI para operação de resgate.
Padronização visual em dashboard, mapa e fluxos de ação rápida.

Princípios visuais

Visual limpo com baixa carga cognitiva.
Semântica de risco:
- critical: vermelho (incidente crítico)
- active: laranja (equipe em ação)
- stable: verde (resolvido)
- info: azul (contexto/mapa)
Tipografia objetiva e hierarquia clara (KPI -> ação -> detalhe).

Workflow

Definir jornada principal (abrir ocorrência, acionar equipe, concluir).
Garantir barra de navegação com atalhos rápidos.
Construir cards/KPIs com prioridade visual.
Padronizar tabela/lista com badges e ações em 1 clique.
Validar responsividade para operação em mobile de campo.
Rodar npm run lint e npm run build.

DoD

Operador consegue registrar e despachar ocorrência em poucos cliques.
Status da operação é compreensível sem leitura extensa.

More from this repository

same repository

sos-location-orchestration

nhmatsumoto/sos_location

Use when translating SOS Location natural-language requests into a structured software-engineering plan, including domain language, specialist agents/skills, simulation flows, and AI refinement pipeline requirements.

2026-04-023

plateau-source-indexing

nhmatsumoto/sos_location

Use this skill when implementing or updating crawling/indexing of PLATEAU and geospatial portals, including source metadata registry and evidence artifacts.

2026-03-183

atlas-geodata-fusion

nhmatsumoto/sos_location

Use this skill to integrate Atlas-aligned geospatial sources (GSI, GeoSampa, INDE, OpenTopography, Earthdata) into SOS Location risk models and 3D scene pipelines.

2026-03-173

coastal-tsunami-modeling

nhmatsumoto/sos_location

Use this skill for coastal and tsunami scenario modeling, including tide/ocean sensor integration, wave ETA estimation, and evacuation map generation.

2026-03-173

multi-hazard-simulation-sdk

nhmatsumoto/sos_location

Use this skill when designing or implementing a reusable SDK for multi-disaster simulation (wildfire, flood, earthquake, tsunami) with scenario contracts and uncertainty handling.

2026-03-173

architecture-urban-infra

nhmatsumoto/sos_location

Use this skill for architecture and built-environment analysis focused on access, safety, and operational flow.

2026-03-033

name	rescue-ui-system
description	Use this skill when designing or refactoring emergency operations UI in React with a modern clean visual language, semantic rescue colors, and fast task-oriented navigation.

Rescue UI System

Quando usar

Evolução de UX/UI para operação de resgate.
Padronização visual em dashboard, mapa e fluxos de ação rápida.

Princípios visuais

Visual limpo com baixa carga cognitiva.
Semântica de risco:
- critical: vermelho (incidente crítico)
- active: laranja (equipe em ação)
- stable: verde (resolvido)
- info: azul (contexto/mapa)
Tipografia objetiva e hierarquia clara (KPI -> ação -> detalhe).

Workflow

Definir jornada principal (abrir ocorrência, acionar equipe, concluir).
Garantir barra de navegação com atalhos rápidos.
Construir cards/KPIs com prioridade visual.
Padronizar tabela/lista com badges e ações em 1 clique.
Validar responsividade para operação em mobile de campo.
Rodar npm run lint e npm run build.

DoD

Operador consegue registrar e despachar ocorrência em poucos cliques.
Status da operação é compreensível sem leitura extensa.