Will willtm

Build a Custom Dashboard with Claude Code

A single-file skill for building a personal dashboard from scratch using Claude Code as your primary developer. This bundles months of hard-won lessons from building and maintaining two custom dashboards into one reference.

Everything you need is probably here, but this is not the actual system I used, it's just some helpers for another AI agent. The first thing you should do once you're rolling is move the reference sections (Database, Design System, Frontend Patterns, etc.) into their own files so your AI assistant can load only what's relevant per task. But start with this single file so you can see the whole picture, and tweak it according to your prefernces.

Stack

The Konik Method: LLM Step-by-Step Process for Obsidian Vault

Overview

This process transforms highlighted quotes from Readwise imports into claim-based headers that can later be spun out into atomic notes/zettelkasten-style index cards. The goal is to convert passive highlights into actionable, searchable claims.

Files contain highlights with ID numbers (format: ### id123456789 or loc 12345)
Original highlights may have basic annotations but need conversion to claim statements

Step-by-Step Process

File name

{{title|replace("#","")|replace("?","")|replace(".","")|replace(""","")|replace(""","")|replace("'","")|replace("'","")|truncate(127)}} by {{author|truncate(120)}} - Notes

I do this so that weird characters or overly-long file names don't break dropbox or git, tho Readwise now natively sanitizes things.

	<%*
	/*
	# Hypothes.idian a templater script for retrieving annotations from Hypothes.is
	Dev: RoamHacker https://twitter.com/roamhacker

	# Prerequisites:
	+ Templater plugin by https://github.com/SilentVoid13/Templater
	+ Free Hypothes.is developer token from: https://hypothes.is/account/developer
	+ This script will prompt you for his token and save it to a file called "hypothesis config.md"
	+ This file store your configuration and can be located any where in your vault.

	<?php
	/*
	* Annotation Template
	*
	*/

	$mf2_post = new MF2_Post( get_the_ID() );
	$cite = $mf2_post->fetch();
	if ( ! $cite ) {
	return;

	add_action( "wp_enqueue_scripts", "hypothesis_annotation_enqueue_scripts_styles" );

	function hypothesis_annotation_enqueue_scripts_styles() {
	wp_enqueue_style("hlib.css", "https://jonudell.info/hlib/hlib.css");
	wp_enqueue_script("hlib.bundle.js", "https://jonudell.info/hlib/hlib.bundle.js");
	wp_enqueue_script("showdown.js", "https://jonudell.info/hlib/showdown.js");
	}

	function hypothesis_annotation($args) {
	$id = $args["id"];