Jeden Skill in Manus ausführen
mit einem Klick

Jeden Skill in Manus mit einem Klick ausführen

vue-dashboard-ui

Sterne4

Forks0

Aktualisiert4. April 2026 um 12:14

Design Vue.js dashboard interfaces for filtering, exploring, and monitoring HH vacancy analytics without diluting metric clarity.

Installation

Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.

In Manus ausführen

Quelle

ivanshamaev

ivanshamaev/ai-agent-codex

GitHub-Repository öffnen Creator-Repositorys ansehen

Download

In Manus ausführen

Verwandte BerufeSOC

Basierend auf der SOC-Berufsklassifikation

WebentwicklerInformatik- und Mathematikberufe·SOC 15-1254

SKILL.md

readonly

name	vue-dashboard-ui
description	Design Vue.js dashboard interfaces for filtering, exploring, and monitoring HH vacancy analytics without diluting metric clarity.
license	MIT
compatibility	opencode
metadata	{"audience":"frontend-engineers","domain":"vue-ui"}

What I do

Structure Vue.js screens for analytics-heavy use cases.
Define how filters, summaries, tables, and charts should work together.
Keep visual hierarchy clear when many market signals compete for attention.
Call out loading, empty, stale, and error states.

Default patterns

Top-level KPI summary row for the current filter context.
Persistent filter panel or filter bar.
Main analytical canvas with trend and composition charts.
Drill-down table for vacancy-level or grouped detail.
Clear freshness indicator when realtime or near-realtime data is shown.

Guardrails

Avoid generic admin-panel layouts when the data story needs stronger focus.
Do not hide metric definitions behind vague labels.

Mehr aus diesem Repository

gleiches Repository

code-review-checklist

ivanshamaev/ai-agent-codex

Apply layer-specific quality checklists for Python ETL, Airflow DAGs, dbt models, SQL, FastAPI, Vue.js, and Docker Compose changes in the HH data platform.

2026-05-254

git-diff-analysis

ivanshamaev/ai-agent-codex

Inspect git history and diffs to identify what changed, which platform layers are affected, and what risk signals to prioritise before applying review checklists.

2026-05-254

airflow-dag-design

ivanshamaev/ai-agent-codex

Design small, maintainable Airflow DAGs with clear task boundaries, retry policy, and runtime assumptions.

2026-04-044

asyncio-pipeline-patterns

ivanshamaev/ai-agent-codex

Apply asyncio patterns for concurrent IO, background work, and coordinated refresh flows in Python analytics services.

2026-04-044

dbt-modeling

ivanshamaev/ai-agent-codex

Design dbt source, staging, and mart models with explicit schemas and clear layer responsibilities.

2026-04-044

delivery-planning

ivanshamaev/ai-agent-codex

Break down a data-platform request into sequenced work items, dependencies, risks, and definition of done.

2026-04-044

name	vue-dashboard-ui
description	Design Vue.js dashboard interfaces for filtering, exploring, and monitoring HH vacancy analytics without diluting metric clarity.
license	MIT
compatibility	opencode
metadata	{"audience":"frontend-engineers","domain":"vue-ui"}

What I do

Structure Vue.js screens for analytics-heavy use cases.
Define how filters, summaries, tables, and charts should work together.
Keep visual hierarchy clear when many market signals compete for attention.
Call out loading, empty, stale, and error states.

Default patterns

Top-level KPI summary row for the current filter context.
Persistent filter panel or filter bar.
Main analytical canvas with trend and composition charts.
Drill-down table for vacancy-level or grouped detail.
Clear freshness indicator when realtime or near-realtime data is shown.

Guardrails

Avoid generic admin-panel layouts when the data story needs stronger focus.
Do not hide metric definitions behind vague labels.