Create an HTML dashboard with KPI cards, charts and progress indicators.
Найти навыки
Авторские процессы для сайтов, изображений, презентаций и анимации.
Design and refine dashboards, SaaS apps and admin interfaces with deliberate hierarchy, shared tokens, complete states and reusable design memory.
Use for UI design and implementation work to avoid generic AI-looking interfaces. Provides anti-slop rules, a required discovery phase before coding, and guidance for layout, typography, color, motion, accessibility, dashboards, tables, landing pages, theming, and polish. Trigger when editing UI code or reviewing and refining components, pages, screens, layouts, animations, responsive behavior, or design systems.
Stageshow
Build product UI illustrations and animated cursor demos with React: feature cards, browser windows, dashboards, phone screens and bento grids.
Query Prometheus through Grafana, investigate infrastructure metrics and maintain dashboards as code.
Open SWE HTML Artifacts
Build themed HTML plan artifacts, dashboard iframes and Slack attachments for the Open SWE runtime.
Understand Anything: Graph Dashboard
Launch an interactive dashboard for exploring a project’s saved knowledge graph.
Build or redesign polished browser-rendered visual artifacts with HTML/CSS/JavaScript/React: pages, dashboards, prototypes, slide decks, animations, UI mockups, and data visualizations.
Небольшая библиотека, созданная с заботой. Скоро появятся новые навыки.


