One-Click Icon Library & Comic Strip Scripts for Obsidian!  🔗 **Source:** [One-Click Icon Library & Comic Strip Scripts for Obsidian!](https://www.youtube.com/watch?v=pBOwn4C3Shg) > [!note]+ Document Notes > tags: [obsidian, excalidraw, personal-knowledge-management, visual-note-taking, plugin-workflow] > author: Zsolt's Visual Personal Knowledge Management > source: YouTube > reference: https://www.youtube.com/watch?v=pBOwn4C3Shg > date created: {{date:YYYY-MM-DD}} {{time:HH:mm}} > > # 🏷️ Title: One-Click Icon Library & Comic Strip Scripts for Obsidian! > <!-- deep-read:sections start --> ## 🧭 Table of Contents - [📝 Summary](#-summary) - [📖 Main Content](#-main-content) - [🗒️ Notes](#️-notes) - [📚 References](#-references) - [🗣️ Paraphrase](#️-paraphrase) - [📰 Newsletter](#-newsletter) - [✅ Action Items](#-action-items) - [🧪 Hypotheses](#-hypotheses) - [📊 Methodology](#-methodology) - [❓ Questions](#-questions) - [🔮 Future Research](#-future-research) - [💡 Implications](#-implications) - [🧠 Learning Styles Assessment](#-learning-styles-assessment) - [📊 Accessibility Assessment](#-accessibility-assessment) - [🌍 DEIB Assessment](#-deib-assessment) - [✅ Logical Validity](#-logical-validity) - [🛡️ DARVO Analysis](#-darvo-analysis) - [🎯 Conclusion](#-conclusion) ### 🔗 References - [Video: One-Click Icon Library & Comic Strip Scripts for Obsidian](https://www.youtube.com/watch?v=pBOwn4C3Shg) - Excalidraw plugin for Obsidian (host for the script store) - Flaticon (source for downloadable SVG icons) ## 📝 Summary - Zsolt demos a one-click "icon library" script installable from the Excalidraw script store inside Obsidian, plus a bonus community-built comic strip director. - It matters because it collapses what used to be a multi-step, manual image-library setup into a single install, lowering friction for visual note-takers. - Key stakeholders: Obsidian/Excalidraw users, the Sketcher Mind community, and contributor Ivan (comic strip script author). - Risks and tradeoffs: the script ships pre-configured with the author's settings, so users must edit naming-convention regex and hotkeys; the comic strip director requires a separate asset download from Ivan's site. - Bottom line: two low-effort installs turn Obsidian into a searchable icon inserter and a comic/storyboarding surface. ## 📖 Main Content - The core pitch is friction reduction. Zsolt has built image libraries before, but they "always involved lots of manual stuff, configuring, downloading." The new script is a single install from the Excalidraw store. - Workflow: open the Obsidian store panel → Script Library → search "icon library" → install. Once installed the script runs immediately, pre-loaded with the author's icon set. - Usage: trigger a hotkey (his is Ctrl+Shift+I), type a keyword (e.g. "run," "walk," "apple"), press Tab to filter, then Enter or click a thumbnail to insert the icon. It works inline in notes and inside his "mind builder" (mind map) nodes. - Configuration lives behind a cog: a naming convention parsed by regular expressions (his pattern is type → keywords → source, e.g. `icon house villa cottage flaticon`), a live sample-filename tester, and an adjustable thumbnail size. He explicitly suggests asking Claude, ChatGPT, or Gemini to help write the regex. - Supported icon formats: PNG, SVG, and native Excalidraw (`.excalidraw`) drawings. He shows an Excalidraw-drawn icon versus an SVG downloaded from Flaticon. - Bonus: a comic strip director contributed by Ivan, a Sketcher Mind community member. It opens a side panel to pick a comic style and a character (e.g. "Nadia"), then assemble a story. It pairs with a companion "comic book callout editor" (speech-bubble/callout shapes) that he covered in a prior video. - Caveat on the bonus: installing both "comic" scripts is easy, but the comic strip director ships without its character assets — users must follow Ivan's instructions and download them from his dedicated site. - Uncertainties: the "X Collateral" phrasing in the transcript is an ASR mis-hearing of "Excalidraw"; exact plugin version, licensing of bundled icons, and Ivan's site URL are not stated on screen. ### 🗒️ Notes #### ⏱️ Intro — the hook - Short video with a promised "second super interesting thing" (the comic strip bonus) at the end. - Origin story: a chat in the Sketcher Mind community sparked the idea to "solve this with a nice script." #### ⏱️ The problem being solved - Past image libraries were multi-step: manual config, downloading, stitching scripts together. - New approach is a single-click solution — the throughline of the whole demo. #### ⏱️ Installing the icon library script - Obsidian store panel → Script Library → type "icon library" → install. - Runs instantly; ships pre-configured with the author's own settings and icon set. - Quote: "So, let me show you how this works." #### ⏱️ Using it — search, filter, insert - Type a keyword (e.g. "run" with a double n), press Tab to filter matches. - Insert via Enter or mouse-click on a thumbnail. - Works inside mind maps: hotkey on a node inserts an icon (e.g. "apple"), then continue writing. #### ⏱️ Settings and configuration - Hotkey set in Obsidian → Hotkeys → search "icon library" (his is Ctrl+Shift+I). - Cog opens naming-convention config: type → keywords → source, parsed by regex. - Live sample-filename field previews filter results; delegate regex authoring to an LLM. - Thumbnail size is adjustable. Quote: "You can also change the thumbnail size." #### ⏱️ Supported formats - PNG, SVG, and native Excalidraw drawings all work as icons. - Demonstrates an Excalidraw-drawn icon vs. a Flaticon SVG. #### ⏱️ Bonus — comic strip director (contributed by Ivan) - Side-panel tool: choose a comic style, choose a character (e.g. "Nadia"), build a story. - Pairs with the comic book callout editor; switch between the two via their panel icons. - Quote: "And the comic strip director is a friend." #### ⏱️ Installing and setting up the comic scripts - Script store → search "comic" → install both the callout editor and the strip director. - Strip director launches without character icons; download assets per Ivan's instructions. - Quote: "Ivan has a dedicated site for this, etc." #### ⏱️ Outro — call to action - Encourages creating something and sharing it, ideally on the Sketcher Mind community site, and tagging the author. ## 📚 References - [One-Click Icon Library & Comic Strip Scripts for Obsidian (video)](https://www.youtube.com/watch?v=pBOwn4C3Shg) - [Flaticon](https://www.flaticon.com/) — icon source shown in the demo - Ivan's asset site for the comic strip director — URL not shown on screen ## 🗣️ Paraphrase - A community chat prompted the author to script a fix for the tedium of building icon libraries by hand; the result installs in one click from the Excalidraw script store and comes ready to use. - You search by keyword, filter with Tab, and insert an icon into a note or a mind-map node with a hotkey; configuration is a regex-driven naming convention plus an adjustable thumbnail size. - Icons can be PNG, SVG, or Excalidraw drawings, and a bonus community script adds a comic strip director and callout editor for assembling illustrated stories, though its character assets must be downloaded separately. ## 📰 Newsletter - Visual note-takers, rejoice: this Obsidian/Excalidraw walkthrough turns icon insertion into a one-click, keyword-searchable habit — no more hand-rolled image libraries. Pair it with a community-built comic strip director and you have a lightweight storyboarding surface inside your vault. Bonus tip from the creator: let an LLM write the naming-convention regex for you. Not a WordPress resource, but a tidy example of "install, configure once, reuse forever" friction reduction that any knowledge worker can borrow. ## ✅ Action Items #### DevRel - Developer experience: document the "ship a pre-configured default, expose one regex knob" pattern as a template for low-friction plugin onboarding. - Education: a 3-minute clip on delegating regex authoring to an LLM would lower the config barrier this video flags. - Community management: mirror the Sketcher Mind "share-and-tag" loop as a lightweight showcase ritual. - Not applicable to this source: OSPO, WordPress core teams, WPCC, FAIR — this is a personal-productivity tutorial with no governance, licensing, or WordPress-project surface. Reason: content scope is a single Obsidian plugin demo. ## 🧪 Hypotheses - One-click install (vs. manual multi-step setup) materially increases adoption of icon-library workflows among Obsidian users. - Shipping the script pre-configured with the author's settings reduces time-to-first-icon but raises confusion when users' filenames don't match his naming convention. - LLM-assisted regex authoring removes the single biggest configuration barrier for non-technical users. - The bonus comic strip director sees lower activation than the icon library because it requires a separate asset download. ### 📊 Methodology - Instrument install-to-first-insertion time across users given the pre-configured default vs. a blank default (A/B). - Survey Sketcher Mind members on where they stalled: install, regex config, or hotkey setup. - Track comic-script activation funnel: install → asset download → first inserted panel. ### ❓ Questions - What licensing covers the bundled icon set that ships with the pre-configured script? - How resilient is the regex-based naming convention to messy real-world filenames? - Does the Excalidraw script store expose versioning or update notifications for these community scripts? ### 🔮 Future Research - Compare regex naming conventions vs. tag/metadata indexing for icon retrieval at scale. - Explore whether the comic director could bundle a default asset pack to close the activation gap. ### 💡 Implications - Practice: "decide-and-ship defaults, expose one knob" is a transferable design pattern for reducing setup friction in any tool. - Education: teaching users to prompt an LLM for config artifacts (regex here) is now a core onboarding skill. - Community: contributor-authored bonus scripts (Ivan's) show how a plugin ecosystem compounds value without the maintainer building everything. ### 🧠 Learning Styles Assessment - Reading level estimate: conversational spoken English, roughly Flesch-Kincaid grade 6–7 (short clauses, first/second person, minimal jargon). #### 👀 Visual learners - Present: continuous screen-share demo of install, search, insertion, and settings. - Improve: add a labeled before/after of the regex naming convention and a captioned settings panel. #### 🔊 Aural learners - Present: full narration throughout. - Improve: a 60-second spoken recap of the two-install workflow. #### 🗣️ Verbal learners - Present: plain-language walkthrough with concrete examples (run, walk, apple, house/villa/cottage). - Improve: define "Excalidraw script store" and "naming convention" explicitly for newcomers. #### 🧩 Kinesthetic learners - Present: step-by-step, reproduce-as-you-watch install path. - Improve: a written checklist and a sample regex to paste. #### 🧠 Logical learners - Present: clear cause→effect (keyword → filter → insert). - Improve: a small decision tree for choosing PNG vs. SVG vs. Excalidraw icons. #### 🧑‍🤝‍🧑 Social learners - Present: repeated invitation to the Sketcher Mind community. - Improve: link a community thread with shared icon packs. #### 🧘‍♀️ Solitary learners - Present: self-paced, self-contained demo. - Improve: a self-check "did your first icon insert?" prompt. #### 🌿 Naturalistic learners - Not applicable to this source: no environmental or lifecycle framing. Reason: purely a UI tooling demo. ### 📊 Accessibility Assessment #### Screen reader semantics - Not applicable to this source: it's a video, not a web document with headings/landmarks. Reason: assessing the source medium, which has no DOM semantics. #### Keyboard navigation - Present: the workflow itself is keyboard-first (hotkey, Tab to filter, Enter to insert). - Improve: note whether the settings panel and thumbnail grid are fully keyboard-reachable. #### Contrast and readability - Present: standard Obsidian UI shown; not evaluated for contrast on screen. - Improve: mention theme/contrast when demoing small thumbnails. #### Text resizing and reflow - Not applicable to this source: fixed-frame screen recording. Reason: no responsive text to reflow. #### Media and captions - Present: YouTube auto-captions likely available (the transcript here derives from ASR). - Improve: publish a human-corrected transcript; ASR mangles "Excalidraw" as "X Collateral." #### Forms and interactions - Present: settings form with a live sample-filename field. - Improve: confirm the regex field surfaces validation errors accessibly. #### Standards reference - Closest WCAG 2.2 AA gaps: 1.2.2 Captions (verify accuracy) and 2.1.1 Keyboard (confirm settings panel reachability). ### 🌍 DEIB Assessment #### Cultural breadth - Present: neutral, universally applicable tooling examples. - Improve: show non-Latin-script filenames to prove the naming convention generalizes. #### Inclusive language - Present: friendly, jargon-light delivery; terms mostly explained in context. - Improve: define "regular expressions" and "naming convention" once for beginners. #### Neurodiversity support - Present: short runtime, consistent step ordering, repeated visual cues. - Improve: add on-screen chapter headings to anchor the two-tool structure. #### Representation - Present: credits contributor Ivan and the community by name. - Improve: showcase multiple community members' icon packs. #### Psychological safety - Present: encouraging, low-pressure "go create something" framing. - Improve: none needed at this scope. ### ✅ Logical Validity #### Strong reasoning - Inductive, from experience: past manual setups were painful, therefore a single-click script is better. Supported by the on-screen demo showing install-to-insertion in seconds. - Practical analogy: the two comic scripts are "friends" that switch via panel icons — a clear mental model for paired tools. #### Fallacies - Mild appeal to authority/personalization: "it's pre-configured with my settings" presents the author's naming convention as the default without justifying it as best. Fix: state that the default is illustrative and users should expect to edit it. - No material logical fallacies; this is a demonstration, not an argument. #### Tone of voice - Enthusiastic, informal, community-oriented ("Boom!", "go create something beautiful, something fun"). ### 🛡️ DARVO Analysis - Not applicable to this source: no accusation, conflict, or defensiveness is present. Reason: it's a neutral product tutorial with no adversarial framing. ## 🎯 Conclusion - Bottom line: two community scripts — a one-click icon library and a bonus comic strip director — turn Obsidian/Excalidraw into a fast, searchable visual-asset workflow with minimal setup. - Next steps for readers: install the icon library from the Excalidraw script store, set a hotkey, edit the naming-convention regex to your filenames (ask an LLM for help), then optionally install both comic scripts and download Ivan's character assets. ## 🔄 Refactor Appendix — One-Click Icon Library & Comic Strip Scripts for Obsidian > Density: 2–5 Literature atoms (H3), 0–3 Permanent candidates (H4). > Defaults: 3 Literature, 1 Permanent. Resonance filter: if you can't > articulate in one line why a claim matters, drop it. ### 📚 Literature Atoms (H3) #### [H1] One click installs a working Obsidian icon library > [!quote] ID:rw_01kx2087wmpvwrz6kbhj9jpqs5 > So, let me show you how this works. **Context & use**: - Early in the demo, framing the install-from-store workflow. - Matters because it replaces the old multi-step manual image-library setup with a single install. **Tags**: #xref <!-- atomicity: 1 idea ✓ --> #### [H2] The script ships pre-configured and needs local tuning > [!quote] ID:rw_01kx2087wmpvwrz6kbhj9jpqs5 > You can also change the thumbnail size. **Context & use**: - Settings segment; thumbnail size is one of several editable defaults alongside hotkey and naming-convention regex. - Matters because the pre-configured default rarely matches a user's own filenames. **Tags**: #xref <!-- atomicity: 1 idea ✓ --> #### [H3] Community contributor scripts extend the plugin's value > [!quote] ID:rw_01kx2087wmpvwrz6kbhj9jpqs5 > Ivan has a dedicated site for this, etc. **Context & use**: - Bonus segment; the comic strip director is contributed by Ivan and needs a separate asset download. - Matters as an example of ecosystem value created by contributors, not the maintainer alone. **Tags**: #xref <!-- atomicity: 1 idea ✓ --> ### 🧠 Permanent Candidates (H4) #### [P1] Ship an opinionated default, expose one configuration knob **Claim** (one sentence, Courtney's voice): Tools reduce setup friction fastest when they ship a working opinionated default and expose a single knob users are expected to tune. **Evidence pointer**: [[#H2]] **Scope & conditions**: Holds when the default is genuinely usable out of the box and the knob is discoverable; breaks when the default silently fails for most users' data (here, mismatched filenames). **Links**: - [[Friction reduction in tooling]] — because extends - [[LLM-assisted configuration]] — because applies-in regex authoring <!-- atomicity: 1 idea ✓ --> ### ✏️ Fleeting Queue - [F1] Find Ivan's comic strip asset site URL (not shown on screen) — https://www.youtube.com/watch?v=pBOwn4C3Shg #fleeting #inbox - [F2] Confirm licensing of the icon set bundled with the pre-configured script — #fleeting #inbox ### → Things 3 (max 2 actions) - [ ] Install the Excalidraw icon library script and set a hotkey — Obsidian #things <!-- deep-read:sections end --> 📄 **Full text:** [[Full Document Contents/Articles/One-Click Icon Library & Comic Strip Scripts for Obsidian!.md|One-Click Icon Library & Comic Strip Scripts for Obsidian! by Zsolt's Visual Personal Knowledge Management]] ## Highlights - So, let me show you how this works. ([View Highlight](https://read.readwise.io/read/01kx4n6ga26ej9ks8h438jtg60)) - Note: Frames the one-click install-and-use workflow that is the video's core payoff. - Tags: atom/literature/h1 - You can also change the thumbnail size. ([View Highlight](https://read.readwise.io/read/01kx4n6mkfn3dfghq877akzafs)) - Note: Script ships pre-configured but exposes editable settings. - Tags: atom/literature/h2 - Ivan has a dedicated site for this, etc. ([View Highlight](https://read.readwise.io/read/01kx4n6rrmk4gn234zqbyjx9ne)) - Note: Community-contributor model; the bonus script has a separate asset-download caveat. - Tags: atom/literature/h3