tips-dashboard

Generate an interactive HTML dashboard with a D3 force-directed graph for TIPS project lifecycle data.

12|2|Updated Mar 4, 2026
One-click install
npx skills add https://github.com/cogni-work/cogni-works --skill tips-dashboard
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: tips-dashboard
Source: https://github.com/cogni-work/cogni-works/tree/main/cogni-tips/skills/tips-dashboard
Command: npx skills add https://github.com/cogni-work/cogni-works --skill tips-dashboard

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill transforms complex, multi-phase TIPS project data scattered across various files into a single, interactive HTML dashboard, making it easy to understand the entire project lifecycle at a glance.

Core Features & Use Cases

  • Interactive Visualization: Generates a self-contained HTML dashboard with a three-panel layout, including a navbar, index, and a D3 force-directed graph.
  • Comprehensive Overview: Visualizes trend scouting candidates, value modeling themes, report status, and catalog information.
  • Use Case: After completing a trend scouting and value modeling exercise, generate the TIPS dashboard to present the findings, explore entity relationships, and identify strategic opportunities to stakeholders.

Quick Start

Generate the TIPS dashboard for the current project.

Frequently Asked Questions about tips-dashboard

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

FAQPage Schema
How do I visualize a project lifecycle from trend scouting to catalog status?

You can visualize a project lifecycle by generating an interactive HTML dashboard that integrates trend scouting outputs, value modeler data, and report claims into a navigable, multi-panel interface. This provides a comprehensive overview of the complete process.

Can I use a D3 force-directed graph to map relationships in value modeling data?

Yes, the generated dashboard includes a D3 force-directed graph to map and explore entity relationships within your value modeling data. This allows you to visually navigate complex connections and identify strategic opportunities across project phases.

What is the best way to present trend scouting candidates to stakeholders?

The best way to present trend scouting candidates is by using an interactive HTML dashboard with a three-panel layout. It visualizes candidates, themes, and report status, making it easy to present findings and explore entity relationships to stakeholders at a glance.

How do I generate a self-contained HTML reporting dashboard for data analysis?

You generate a self-contained HTML reporting dashboard by processing your multi-phase project data through the dashboard generation script. It consolidates scattered data files into a single, interactive interface without requiring external server dependencies.

Does the visualization dashboard support custom theme selection for presentations?

Yes, the visualization dashboard supports theme selection and design variable derivation for customized theming. This allows you to tailor the visual appearance of the interactive interface to match your presentation requirements or corporate branding.

What data sources do I need to integrate for project lifecycle visualization?

To generate project lifecycle visualization, you need to integrate data from trend scout outputs, value modeler data, and report claims. The dashboard transforms these scattered sources into a unified, navigable interface.