skills.rest
Military-Veteran-Team-LPT-Realty
Military-Veteran-Team-LPT-RealtyOFFICIAL
Explore all skills by this author →
GitHub

contextual-section-explainer

Generate contextual explanation copy for React dashboard sections and ReportBanner components.

Updated Sep 16, 2026
Search Tags:#react#dashboard#copywriting#ux writing#tailwind#data literacy#reportbanner
One-click install
npx skills add https://github.com/Military-Veteran-Team-LPT-Realty/mvt-manus-public-skills --skill contextual-section-explainer-military-veteran-team-lpt-realty
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: contextual-section-explainer
Source: https://github.com/Military-Veteran-Team-LPT-Realty/mvt-manus-public-skills/tree/main/skills/contextual-section-explainer
Command: npx skills add https://github.com/Military-Veteran-Team-LPT-Realty/mvt-manus-public-skills --skill contextual-section-explainer-military-veteran-team-lpt-realty

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Dashboard users often see metrics without understanding what the data means, why it matters, or what action to take. This Skill audits every page and section of a React/Tailwind web project and writes plain-language explanations so non-technical users can interpret dashboards correctly. ## Core Features & Use Cases - Page and Section Audit: Scans client/src/pages for ReportBanner usage and flags pages missing contextual descriptions. - Three-Part Explanation Generation: Produces "What This Measures", "Why It Matters", and "How to Use It" copy for each section, tailored to audience (agent, area leader, admin). - Ready-to-Apply Output: Generates ReportBanner description/criteria props and inline explanation panel JSX, plus pre-written explanations for MVT Lead Intelligence dashboard sections. - Use Case: A real estate team dashboard shows "No Call Leads" with no context. Use this Skill to generate a banner explaining the data source, time window, conversion impact, and the exact action agents should take. ## Quick Start Audit my React dashboard pages and generate contextual explanation banners for every section that lacks one.

Frequently Asked Questions about contextual-section-explainer

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

FAQPage Schema
How do I add contextual explanations to a React dashboard?▼

Audit each page for missing or generic descriptions, then write three parts per section: what the data measures, why it matters, and how to use it. Apply the copy through a ReportBanner component's description and criteria props or an inline explanation panel.

How to write dashboard metric explanations for non-technical users?▼

Use plain language, define jargon inline, always state the time window and data source, and end with a concrete call to action. Keep inline banner descriptions under four sentences and move longer explanations into collapsible panels.

Does this work with Tailwind and ReportBanner components?▼

Yes, the workflow targets React/Tailwind projects and provides ready-to-paste ReportBanner JSX with description and criteria props, plus a Tailwind-styled inline panel for sections without ReportBanner.

How should explanation tone change for different dashboard audiences?▼

Adjust tone by role: agents get direct coaching language focused on today's actions, area leaders get accountability-focused analysis of which agents need attention, and admins get strategic team-wide trend framing.

What are the limitations of auto-generated dashboard explanations?▼

Generated explanations are starting points that must be customized with live data counts and current thresholds. They assume the audience understands domain terms like IDX or CRM but not technical terms like API or query.

Related Skills

Explore More Software Engineering Skills→
timequitytimequity
6

ui-generator

Generate React/Next.js UI components with Tailwind CSS from natural language descriptions.

Official
Intermediate
oldwinteroldwinter
5

retention-engagement

Analyze cohort data and generate prioritized retention experiments with measurement plans.

Community
Advanced
nnplingggnnplinggg

finance-metrics-quickref

Provide definitions, formulas, and benchmarks for SaaS finance metrics.

Community
Basic
madhavmadupumadhavmadupu

Learning Tour

Guide users through the intelligent Engineering (iE) approach and repository structure.

Community
Intermediate