Exécutez n'importe quel Skill dans Manus
en un clic

Exécutez n'importe quel Skill dans Manus en un clic

frontend-ux-chakra

Étoiles3

Forks0

Mis à jour1 mars 2026 à 19:50

Use this skill when improving UX/UI in React frontend using Chakra UI, especially navigation clarity, operational dashboards, and accessible components for emergency workflows.

Installation

Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.

Exécuter dans Manus

Source

nhmatsumoto

nhmatsumoto/sos_location

Ouvrir le dépôt GitHub Voir les dépôts du créateur

Téléchargement

Exécuter dans Manus

Métiers associésSOC

Basé sur la classification professionnelle SOC

Développeurs de logicielsProfessions informatiques et mathématiques·SOC 15-1252

SKILL.md

readonly

name	frontend-ux-chakra
description	Use this skill when improving UX/UI in React frontend using Chakra UI, especially navigation clarity, operational dashboards, and accessible components for emergency workflows.

Frontend UX Chakra

Quando usar

Pedidos para melhorar UX/UI.
Necessidade de design system consistente em páginas operacionais.
Refatorar telas com foco em rapidez de ação.

Workflow

Mapear jornada principal (ex.: abrir ocorrência, acionar equipe, concluir).
Criar shell com navegação clara (dashboard, mapa, boletins).
Implementar componentes Chakra:
- Card para KPI operacional.
- Input/Textarea/select para captura rápida.
- Table + Badge para status e prioridade.
Validar acessibilidade visual (contraste, estados e hierarquia).
Executar npm run lint e npm run build.

Padrões

Evitar telas super carregadas: separar contexto (KPI) de execução (CRUD).
Botões de ação imediata sempre visíveis.
Status semântico: aberto (vermelho), em ação (laranja), concluído (verde).

Plus depuis ce dépôt

même dépôt

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	frontend-ux-chakra
description	Use this skill when improving UX/UI in React frontend using Chakra UI, especially navigation clarity, operational dashboards, and accessible components for emergency workflows.

Frontend UX Chakra

Quando usar

Pedidos para melhorar UX/UI.
Necessidade de design system consistente em páginas operacionais.
Refatorar telas com foco em rapidez de ação.

Workflow

Mapear jornada principal (ex.: abrir ocorrência, acionar equipe, concluir).
Criar shell com navegação clara (dashboard, mapa, boletins).
Implementar componentes Chakra:
- Card para KPI operacional.
- Input/Textarea/select para captura rápida.
- Table + Badge para status e prioridade.
Validar acessibilidade visual (contraste, estados e hierarquia).
Executar npm run lint e npm run build.

Padrões

Evitar telas super carregadas: separar contexto (KPI) de execução (CRUD).
Botões de ação imediata sempre visíveis.
Status semântico: aberto (vermelho), em ação (laranja), concluído (verde).