amvcp-layout-kpi
CommunityDesign KPI strips and 12-column dashboards fast.
Design & Creative#responsive design#css grid#kpi layout#dashboard grid#metric strip#data-span#visual communicator
AuthorEmasoft
Version1.0.0
Installs0
System Documentation
What problem does it solve?
It solves the problem of creating consistent, metric-focused dashboard layouts that remain readable and reflow correctly across screen sizes without manual grid-tuning.
Core Features & Use Cases
- KPI strip layouts: builds an auto-fit metric strip using small KPI tiles that reflow cleanly from desktop to phone.
- 12-column dashboard grid placement: positions dashboard widgets using a
repeat(12, 1fr)rhythm withdata-spanvalues for predictable halves, thirds, quarters, and mixed splits. - Interactive selection compatibility: ensures KPI tiles and dashboard cells participate in the selection/feedback contract (including
data-ve-id/data-ve-typeand per-element decision mini UI expectations).
Quick Start
Use the amvcp-layout-kpi skill to lay out a metrics page by placing a .la-kpi-row inside a .la-dashboard grid and assigning data-span values to each dashboard tile as requested.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: amvcp-layout-kpi Download link: https://github.com/Emasoft/ai-maestro-visual-communicator-plugin/archive/main.zip#amvcp-layout-kpi Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.