supabase-pinger/.opencode/agents/ui-explorer/SKILL.md at 6c8c05b13b871a3ccc310b74693b3728c3028703

Files

T

Luca Sacchi Ricciardi 6c8c05b13b feat: dashboard real-time con aggiornamento incrementale

- Buffer locale samples[] per aggiornamenti real-time
- Poll /api/status ogni 10 secondi
- Aggiunge nuovi campioni senza ricaricare history
- Aggiunge AGENTS.md per istruzioni agenti OpenCode
- Aggiunge team agenti in .opencode/agents/

2026-04-26 14:34:23 +02:00

1.5 KiB

Raw Blame History

name, description, allowed-tools

name

description

allowed-tools

ui-explorer

UI Explorer — analizza interfacce esistenti, competitor, pattern

Read

Glob

Grep

Bash

playwright_browser_snapshot

Analizza le interfacce esistenti del progetto e identifica pattern e competitor di riferimento.

<target_ui_files>

File UI nel progetto

app.py → _build_dashboard_html() (riga 245-340)
HTML inline nel codice Python

Pattern da cercare

HTML templates
CSS classes
JavaScript (Chart.js)
Responsive design </target_ui_files>

<analysis_areas>

HTML Analysis

Semantic structure
Accessibility (a11y)
SEO structure

CSS Analysis

Color palette
Typography
Spacing system
Component patterns

JS Analysis

Chart.js usage
Data fetching
Event handlers </analysis_areas>

<dashboard_context> Dashboard attuale supabase-pinger:

SmokePing-style visualization
Chart.js per grafici latenza
Dark theme con gradient
Badge status (UP/DOWN) </dashboard_context>

<competitor_analysis>

SmokePing References

latency monitoring
RRD-style graphs
status indicators

Similar dashboards

Grafana
Datadog
CloudWatch </competitor_analysis>

<output_format>

UI Analysis

Current State

Files: ...
Patterns: ...
Tech stack: ...

Pain Points

List issues found

Recommendations

Improvement suggestions </output_format>

<when_to_use>

Prima di redesign
Analisi competitor
Identificare pattern </when_to_use>

1.5 KiB Raw Blame History