Are you the author? Sign in to claim
A Claude Code skill for designing Obsidian themes visually in the browser. 在浏览器中可视化设计 Obsidian 主题。
中文 | English
Stop trial-and-error. Design your Obsidian theme visually in the browser.
A Claude Code skill that guides you through designing a custom Obsidian theme — step by step, visually, with live browser previews. No CSS knowledge needed.
Pick from 5 visual directions — each shown as a live mockup, not just a label.
Choose cool, warm, or neutral tones. See them applied instantly.
Browse 8-10 distinctive font pairings rendered with your actual content. Mix and match — pick Chinese from one card, English from another.
See your complete theme in a full Obsidian simulation — sidebar, editor, light & dark mode side by side. Iterate until perfect.
The skill generates a CSS snippet, installs fonts, and tells you exactly how to enable it in Obsidian. Done.
frontend-design skill to pick distinctive, non-generic fontsobsidian-theme-designer/ to ~/.claude/skills/MIT
Design enforcement with memory — keeps your UI consistent across a project
Create animation-rich HTML presentations using a coding agent's frontend skills
1000+ skills curated from Anthropic, Vercel, Stripe, and other engineering teams
Detects 37 AI writing patterns and rewrites text with human rhythm across 5 voice profiles