Help us improve
Share bugs, ideas, or general feedback.
You are helping the user add a React component to their Obsidian plugin.
npx claudepluginhub jwplatta/agent-cubicle --plugin obsidian-plugin-builderHow this command is triggered — by the user, by Claude, or both
Slash command
/obsidian-plugin-builder:add-react-componentFiles this command reads when invoked
The summary Claude sees in its command listing — used to decide when to auto-load this command
You are helping the user add a React component to their Obsidian plugin. 1. Verify React is set up: - Check package.json for react and react-dom dependencies - Check for @types/react in devDependencies - Verify esbuild config handles JSX 2. Ask the user about the component: - Component purpose and UI - Where it will be rendered (modal, view, sidebar, etc.) - Props and state needed - Any Obsidian API integration 3. Create the React component: - Create .tsx file in appropriate directory - Use functional components with hooks - Import necessary Obsidian types ...
/component-generatorGenerates React components from natural language descriptions with TypeScript types, styling (CSS modules/Tailwind), and tests (RTL/Jest/Vitest). Supports --style, --test, --output flags.
/reactGenerates React and Next.js components implementing the specified requirement, optionally using a pattern like hooks or server-components.
Share bugs, ideas, or general feedback.
You are helping the user add a React component to their Obsidian plugin.
Verify React is set up:
Ask the user about the component:
Create the React component:
Integrate with Obsidian:
Example pattern:
import { ItemView } from 'obsidian';
import * as React from 'react';
import { createRoot, Root } from 'react-dom/client';
export class MyReactView extends ItemView {
root: Root | null = null;
onOpen() {
const container = this.containerEl.children[1];
container.empty();
this.root = createRoot(container);
this.root.render(<MyComponent />);
}
onClose() {
this.root?.unmount();
}
}
Reference example plugins for React integration patterns.