# Vasallo94 Obsidianrag Obsidian Plugin > Obsidian Plugin Development - Skill: `tomevault-io/vasallo94-obsidianrag-obsidian-plugin` (Agent Skill, multi-file: 2 files) - Install (CLI): `npx skillmds@latest add tomevault-io/vasallo94-obsidianrag-obsidian-plugin` - Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/vasallo94-obsidianrag-obsidian-plugin/raw - Safety review: pending (external: skill-scanner PASS, skillspector PASS) - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Coding & Dev Tools - Author: tomevault-io (https://skillmd.com/u/tomevault-io) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/tomevault-io/vasallo94-obsidianrag-obsidian-plugin --- # Obsidian Plugin Development ## Cuándo usar esta skill - Cuando modifiques la interfaz de usuario en Obsidian (`plugin/src`). - Cuando cambies la lógica de comunicación con el servidor Python. - Cuando actualices estilos CSS (`styles.css`). ## Cómo usar esta skill ### 1. Estructura (TypeScript) - `main.ts`: Entry point, carga settings y registra vistas. - `chat-view.ts`: Vista del chat (UI). - `server-manager.ts`: Gestiona el subproceso del servidor Python (`spawn`). - `api-client.ts`: Cliente HTTP para hablar con `http://localhost:port`. ### 2. Streaming (SSE) El plugin soporta Server-Sent Events para respuestas progresivas. - Usa `parseSSEStream` en el cliente para manejar eventos como `token`, `sources`, `done`. ### 3. Desarrollo ```bash cd plugin npm install npm run dev # Watch mode ``` ### 4. Mejores Prácticas - **UI**: Usa componentes nativos de Obsidian donde sea posible. - **Estilos**: Usa variables CSS de Obsidian (`--background-primary`, etc.) para soporte de temas. - **Procesos**: Asegúrate de matar el proceso de Python al descargar el plugin (`onunload`). --- > Converted and distributed by [TomeVault](https://tomevault.io/claim/vasallo94) — claim your Tome and manage your conversions.