zonix-admin-analytics-ui — for Claude Code zonix-admin-analytics-ui, zonix-eats-front, community, for Claude Code, ide skills, Analytics, Commerce, Layout, General, Estructura

v1.0
GitHub

이 스킬 정보

관리자와 상업 사용자를 위한 고급 데이터 시각화 및 필터링 기능이 필요한 분석 에이전트에게 적합합니다. 현지화된 요약: Patrones de UI para dashboards de admin y commerce en Zonix Eats. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

기능

📊 UI de Analytics (Admin / Commerce) - Zonix Eats
Estructura recomendada:
AppBar: "Dashboard" o "Analytics"
Filtros (rango de fechas + selector de comercio si aplica)
Cards de métricas (fila o grid)

# Core Topics

for Claude Code Analytics Commerce Layout General Estructura
Abrahan-Eagle Abrahan-Eagle
[0]
[0]
Updated: 3/9/2026

Killer-Skills Review

Decision support comes first. Repository text comes second.

Reference-Only Page Review Score: 8/11

This page remains useful for teams, but Killer-Skills treats it as reference material instead of a primary organic landing page.

Original recommendation layer Concrete use-case guidance Explicit limitations and caution
Review Score
8/11
Quality Score
38
Canonical Locale
es
Detected Body Locale
es

관리자와 상업 사용자를 위한 고급 데이터 시각화 및 필터링 기능이 필요한 분석 에이전트에게 적합합니다. 현지화된 요약: Patrones de UI para dashboards de admin y commerce en Zonix Eats. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

이 스킬을 사용하는 이유

에이전트가 상호작용형 분석 대시보드를 생성할 수 있도록 하여 UI 컴포넌트를 사용하여 사용자 지정 가능한 필터, 메트릭 카드 및 그래프를 제공하고, 데이터 분석 및 시각화의 무결점 경험을 제공하며, 날짜 범위 필터링 및 상업 선택기 등의 기능을 활용합니다.

최적의 용도

관리자와 상업 사용자를 위한 고급 데이터 시각화 및 필터링 기능이 필요한 분석 에이전트에게 적합합니다.

↓ 실행 가능한 사용 사례 for zonix-admin-analytics-ui

관리자 사용자의 분석 워크플로우를 최적화하는 것
상업 통찰력을 위한 사용자 지정 가능한 메트릭 카드를 생성하는 것
상세한 주문 및 제품 분석을 위한 상호작용형 그래프를 생성하는 것

! 보안 및 제한 사항

  • UI 컴포넌트 통합이 필요함
  • 관리자 및 상업 사용자 역할만 해당
  • 메트릭 및 그래프 생성에는 데이터 가용성이 필요함

Why this page is reference-only

  • - Current locale does not satisfy the locale-governance contract.
  • - The underlying skill quality score is below the review floor.

Source Boundary

The section below is imported from the upstream repository and should be treated as secondary evidence. Use the Killer-Skills review above as the primary layer for fit, risk, and installation decisions.

After The Review

Decide The Next Action Before You Keep Reading Repository Material

Killer-Skills should not stop at opening repository instructions. It should help you decide whether to install this skill, when to cross-check against trusted collections, and when to move into workflow rollout.

Install Path

Start With Installation And Validation

If this skill is worth continuing with, the next step is to confirm the install command, CLI write path, and environment validation.
Trusted Recheck

Cross-Check Against Trusted Picks

If you are still comparing multiple skills or vendors, go back to the trusted collection before amplifying repository noise.
Workflow

Move To Workflow Collections For Team Rollout

When the goal shifts from a single skill to team workflows, approvals, and repeatable execution, move into workflow collections.
Labs Demo

Browser Sandbox Environment

⚡️ Ready to unleash?

Experience this Agent in a zero-setup browser environment powered by WebContainers. No installation required.

Boot Container Sandbox

FAQ & Installation Steps

These questions and steps mirror the structured data on this page for better search understanding.

? Frequently Asked Questions

What is zonix-admin-analytics-ui?

관리자와 상업 사용자를 위한 고급 데이터 시각화 및 필터링 기능이 필요한 분석 에이전트에게 적합합니다. 현지화된 요약: Patrones de UI para dashboards de admin y commerce en Zonix Eats. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

How do I install zonix-admin-analytics-ui?

Run the command: npx killer-skills add Abrahan-Eagle/zonix-eats-front/zonix-admin-analytics-ui. It works with Cursor, Windsurf, VS Code, Claude Code, and 19+ other IDEs.

What are the use cases for zonix-admin-analytics-ui?

Key use cases include: 관리자 사용자의 분석 워크플로우를 최적화하는 것, 상업 통찰력을 위한 사용자 지정 가능한 메트릭 카드를 생성하는 것, 상세한 주문 및 제품 분석을 위한 상호작용형 그래프를 생성하는 것.

Which IDEs are compatible with zonix-admin-analytics-ui?

This skill is compatible with Cursor, Windsurf, VS Code, Trae, Claude Code, OpenClaw, Aider, Codex, OpenCode, Goose, Cline, Roo Code, Kiro, Augment Code, Continue, GitHub Copilot, Sourcegraph Cody, and Amazon Q Developer. Use the Killer-Skills CLI for universal one-command installation.

Are there any limitations for zonix-admin-analytics-ui?

UI 컴포넌트 통합이 필요함. 관리자 및 상업 사용자 역할만 해당. 메트릭 및 그래프 생성에는 데이터 가용성이 필요함.

↓ How To Install

  1. 1. Open your terminal

    Open the terminal or command line in your project directory.

  2. 2. Run the install command

    Run: npx killer-skills add Abrahan-Eagle/zonix-eats-front/zonix-admin-analytics-ui. The CLI will automatically detect your IDE or AI agent and configure the skill.

  3. 3. Start using the skill

    The skill is now active. Your AI agent can use zonix-admin-analytics-ui immediately in the current project.

! Reference-Only Mode

This page remains useful for installation and reference, but Killer-Skills no longer treats it as a primary indexable landing page. Read the review above before relying on the upstream repository instructions.

Upstream Repository Material

The section below is imported from the upstream repository and should be treated as secondary evidence. Use the Killer-Skills review above as the primary layer for fit, risk, and installation decisions.

Upstream Source

zonix-admin-analytics-ui

현지화된 요약: Patrones de UI para dashboards de admin y commerce en Zonix Eats. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

SKILL.md
Readonly
Upstream Repository Material
The section below is imported from the upstream repository and should be treated as secondary evidence. Use the Killer-Skills review above as the primary layer for fit, risk, and installation decisions.
Supporting Evidence

📊 UI de Analytics (Admin / Commerce) - Zonix Eats

1. Layout General

Estructura recomendada:

text
1AppBar: "Dashboard" o "Analytics"
2Scroll:
3  - Filtros (rango de fechas + selector de comercio si aplica)
4  - Cards de métricas (fila o grid)
5  - Gráfico(s) principal(es)
6  - Tablas de detalle (órdenes, productos, comercios)

2. Filtros

  • Rango de fechas:
    • Hoy / 7 días / 30 días / Personalizado.
  • Opcional:
    • Selector de comercio (para admin viendo un commerce específico).
  • Mostrar chips o dropdown, no recargar toda la pantalla bruscamente.

3. Cards de Métricas

Ejemplos típicos:

  • Total de ventas (USD).
  • Número de órdenes.
  • Ticket promedio.
  • Órdenes canceladas.
  • Performance de delivery (tiempo medio).

Patrón visual:

  • Fondo surface (claro u oscuro según tema).
  • Ícono a la izquierda (ej. money, shopping_bag, timer).
  • Valor grande (ej. \$1,250.00).
  • Subtítulo pequeño (“Ventas últimos 7 días”).

4. Gráficos

Tipos recomendados:

  • Línea o área: ventas por día.
  • Barras: órdenes por estado, top productos, top comercios.

Buenas prácticas:

  • Limitar cantidad de puntos (máx. 30).
  • Mostrar leyenda clara.
  • Permitir tap en barra o punto para ver detalle (tooltip).

5. Tablas de Detalle

Usos comunes:

  • Lista de órdenes con columnas: ID, comercio, total, estado, fecha.
  • Top productos: nombre, categoría, cantidad vendida, ingreso.
  • Comercios: nombre, ventas, comisión, estado.

Recomendaciones:

  • Paginación en frontend alineada con backend (ver zonix-analytics § 2).
  • Ordenamiento por columnas clave (fecha, total, estado).

6. Estados de Carga

  • Loading:
    • Shimmer en cards y barras placeholder.
  • Sin datos:
    • Mensaje “No hay datos para este rango de fechas” + sugerir cambiar filtro.
  • Error:
    • Banner rojo o SnackBar con texto corto + botón "Reintentar".

7. Cross-references

  • Consultas de analytics: zonix-analytics (backend).
  • Pagos y montos: zonix-payments § 5.
  • Estados de orden: zonix-order-lifecycle § 1-2.

관련 스킬

Looking for an alternative to zonix-admin-analytics-ui or another community skill for your workflow? Explore these related open-source skills.

모두 보기

openclaw-release-maintainer

Logo of openclaw
openclaw

현지화된 요약: 🦞 # OpenClaw Release Maintainer Use this skill for release and publish-time workflow. It covers ai, assistant, crustacean workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

★ 333.8k
⑂ 0
인공지능

nextjs-turbopack

[ 추천 ]
Logo of affaan-m
affaan-m

현지화된 요약: Next.js 16+ and Turbopack — incremental bundling, FS caching, dev speed, and when to use Turbopack vs webpack. It covers ai-agents, anthropic, claude workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

★ 169.5k
⑂ 0
생산성

widget-generator

Logo of f
f

현지화된 요약: Generate customizable widget plugins for the prompts.chat feed system # Widget Generator Skill This skill guides creation of widget plugins for prompts.chat . It covers ai, artificial-intelligence, awesome-list workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf

★ 149.6k
⑂ 0
인공지능

flags

Logo of vercel
vercel

현지화된 요약: The React Framework # Feature Flags Use this skill when adding or changing framework feature flags in Next.js internals. It covers blog, browser, compiler workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

★ 138.4k
⑂ 0
브라우저