Interface Lab Library
Skills collect reusable local prompt techniques.
Local skills cover layout, motion, borders, shadows, WebGL, icons, and component treatments. Choose the techniques first, then combine them with systems and assets.
Prompt Skills
Local expression layer: layout, motion, borders, shadows, WebGL, and copy-ready prompt techniques.
Dashboard KPI Alert Triage
Prioritize KPIs, alert severity, thresholds, owners, evidence paths, acknowledge/mute/resolved states, and next actions for operations dashboards, monitoring consoles, status pages, and admin analytics.
Use for dashboard KPI hierarchy, alert triage, status dashboards, incident boards, monitoring consoles, admin analytics, metric cards, severity states, thresholds, and turning raw metrics into actionable React/CSS interfaces.ProData Visualization · 0ProChart Selection and Accessibility
Choose chart type, encodings, copy, alternative data table, and frontend chart library from data relationship, user task, and accessibility requirements.
Write the chart question before choosing a library: does the user need comparison, trend, distribution, correlation, composition, ranking, geography, flow, or anomaly investigation?ProData Visualization · 0ProChart Accessibility Encoding
Create color-not-alone series encodings, direct labels, line styles, symbols, patterns, legends, summaries, long descriptions, table alternatives, SVG/Canvas accessibility, and keyboard tooltip paths for chosen charts.
Use after the chart type is chosen, when the task needs chart accessibility encoding, color-not-alone meaning, multi-series lines, status charts, heatmaps, maps, SVG/Canvas charts, dashboard visualizations, chart table alternatives, or keyboard tooltips.ProData Visualization · 0ProMap List Attribution Interface
Design MapLibre and map-list hybrid interfaces with data provenance, attribution, list alternatives, synchronized selection, and small-screen accessible paths.
Inputs must include map purpose, geodata source, tile/style/glyph/sprite providers, runtime library, object count, filter fields, selected-object details, commercial-use context, and target devices.ProData Visualization · 0ProNotebook Data Report Interface
Create question-first, traceable, accessible, table-backed interfaces for Observable/Plot-style data reports, public-data portals, and research dashboards.
Inputs must include data question, audience, data source, update time, fields/units, analysis transform, chart candidates, notebook-cell need, public-release status, and accessibility requirements.ProData Visualization · 0ProAudit Log Evidence Timeline
Design filterable audit logs, event detail, diffs, provenance, export, and evidence-grade empty/error states for security, compliance, admin, and collaboration products.
Inputs must include event sources, retention period, user/system actor, object type, action type, before/after diff, IP/device/location, compliance-export needs, sensitive fields, and permission model.Pro