Generador de Dashboards

Generate Angular dashboards with metrics, charts, and tables using PrimeNG and Chart.js.

Updated Mar 2, 2026
One-click install
npx skills add https://github.com/RodrigoVeraCandia/Template_verona --skill generador-de-dashboards
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Generador de Dashboards
Source: https://github.com/RodrigoVeraCandia/Template_verona/tree/main/.github/skills/Generador_de_dashboards
Command: npx skills add https://github.com/RodrigoVeraCandia/Template_verona --skill generador-de-dashboards

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the creation of professional dashboards with metrics, charts, and tables, saving significant development time and ensuring a consistent, high-quality user experience.

Core Features & Use Cases

  • Dashboard Generation: Automatically generates various types of dashboards (Analytics, Sales, Admin, E-commerce) based on user requests.
  • Component Library: Utilizes pre-built, reusable components for metrics cards, charts (line, bar, doughnut), data tables, and activity timelines.
  • Template Integration: Provides ready-to-use templates for common dashboard types.
  • Use Case: A user asks, "Create a sales dashboard for our e-commerce platform." This Skill will generate a dashboard displaying total sales, revenue trends, top products, recent orders, and sales activity.

Quick Start

Use the Generador de Dashboards skill to create an analytics dashboard.

Frequently Asked Questions about Generador de Dashboards

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate an Angular dashboard with PrimeNG and Chart.js?

To generate an Angular dashboard with PrimeNG and Chart.js, request the dashboard type you need, such as analytics, sales, or e-commerce, and pre-built templates with metrics cards, data tables, and activity timelines are automatically produced.

What is the best way to visualize sales KPIs and data trends in an Angular application?

Visualizing sales KPIs and data trends in an Angular application is best handled by using pre-defined dashboard templates that render line, bar, and doughnut charts alongside metrics cards to rapidly display total sales, revenue trends, and top products.

Can I create different types of reporting dashboards like admin and analytics panels?

Yes, you can create different types of reporting dashboards including admin, analytics, sales, and e-commerce panels, utilizing a component library of reusable elements to ensure a consistent, high-quality user experience across various reporting needs.

Does this dashboard generator work with PrimeNG components and Angular frameworks?

Yes, this dashboard generator works directly with PrimeNG components and the Angular framework, automatically integrating pre-built UI elements like data tables and charts to facilitate rapid visualization without manual component coding.

How do I build an e-commerce dashboard showing recent orders and top products?

Building an e-commerce dashboard showing recent orders and top products involves requesting an e-commerce template, which then automatically generates the relevant metrics cards, data tables, and activity timelines tailored for e-commerce reporting.

What chart types are available for data visualization in these Angular dashboards?

Available chart types for data visualization in these Angular dashboards include line, bar, and doughnut charts, which are integrated via Chart.js and PrimeNG to display key performance indicators and data trends.