skills.rest
JinLee794
JinLee794COMMUNITY
Explore all skills by this author →
GitHub

dashboard-obsidian

Automate Obsidian dashboard UI components using DataviewJS, Meta Bind, and CSS.

Updated Aug 27, 2026
Search Tags:#ui#timeline#css#dashboard#obsidian#kanban#dataviewjs
One-click install
npx skills add https://github.com/JinLee794/L.C.G --skill dashboard-obsidian
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: dashboard-obsidian
Source: https://github.com/JinLee794/L.C.G/tree/main/.github/skills/dashboard-obsidian
Command: npx skills add https://github.com/JinLee794/L.C.G --skill dashboard-obsidian

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Obsidian Dashboard UI Components streamline the creation, maintenance, and iteration of data-rich dashboards inside an Obsidian vault by coordinating panels, plugins, and CSS to deliver consistent visuals and actionable insights.

Core Features & Use Cases

  • Build KPI ribbons, customer health grids, milestone timelines, pipeline boards, scorecards, action streams, trend sparklines, and CSS snippets.
  • Integrate with popular Obsidian plugins (DataviewJS, Meta Bind, Kanban, MarkWhen, Charts, Style Settings, Cron) to render and automate dashboards.
  • Real-world scenarios include per-customer scorecards, project health views, milestone tracking, and snapshot dashboards for quick health checks.

Quick Start

Assemble a complete Obsidian dashboard panel by combining dataviewjs blocks, Meta Bind inputs, and CSS tokens.

Frequently Asked Questions about dashboard-obsidian

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

FAQPage Schema
How do I build an Obsidian dashboard with KPI ribbons and timeline visuals?▼

Build an Obsidian dashboard by combining DataviewJS blocks, Meta Bind inputs, and CSS tokens to assemble complete panels. This coordinates DataviewJS, Meta Bind, and Style Settings to render KPI ribbons and milestone timelines.

Can I use Kanban and MarkWhen plugins to create project pipeline boards in Obsidian?▼

Yes, you can integrate Kanban and MarkWhen plugins to render project pipeline boards and milestone timelines. The dashboard components coordinate these plugins with DataviewJS to maintain consistent visuals and actionable insights.

Do I need CSS customization and Style Settings to render Obsidian dashboards?▼

Yes, CSS customization and Style Settings are required to render Obsidian dashboard panels. You apply CSS snippets and tokens alongside DataviewJS and Meta Bind to ensure consistent UI component styling across your vault.

What's the best way to automate customer health grids and scorecards in Obsidian?▼

Automate customer health grids and scorecards by combining DataviewJS blocks with Cron and Meta Bind plugins. This coordinates data queries and scheduled updates to deliver real-time per-customer scorecards and health views.

Does this approach work for generating snapshot dashboards and trend sparklines?▼

Yes, this approach works for snapshot dashboards and trend sparklines by integrating the Charts plugin with DataviewJS. You assemble data-rich panels to render trend visuals and quick health checks for your vault.

Why are my Obsidian dashboard UI components not rendering correctly across panels?▼

Dashboard UI components fail to render when DataviewJS blocks, Meta Bind inputs, and CSS tokens are misaligned. You must ensure all required plugins like Kanban, MarkWhen, and Style Settings are properly configured.

Related Skills

Explore More Design & Creative Skills→
aliasunderaliasunder
3

obsidian-vault

Create and edit Obsidian notes with plugin-compatible structure.

Community
Advanced
pynbj1001pynbj1001
2

Smart Browser

Extract JavaScript-rendered web page agendas and session data to Markdown and JSON.

Community
Intermediate
julianobarbosajulianobarbosa
7

obsidian-vault-management

Create and manage Obsidian vault markdown notes with templates and dataview queries.

Community
Advanced
koasis89koasis89

note

Create and manage notes using OMX persistent memory features.

Community
Basic