Communitygithub.com

DSH Better Sidebar

An open sidebar foundation that supports third-party extensions to register new sidebar pages. Built-in file rendering/editing, terminal, side chat, Git, and sub-agent pages.

What is DSH Better Sidebar?

DSH Better Sidebar is an open and extensible sidebar platform designed for AI agents (such as those in IDEs or chat-based UIs). It provides a robust foundation where the AI agent or third-party extensions can dynamically register new sidebar pages. Out of the box, it includes essential pages for file rendering/editing, an integrated terminal, a side chat interface, Git operations, and a sub-agent view. This skill is especially useful for developers who want to enhance their AI agent's workspace with custom tools and views without modifying the core agent. By supporting standard extension mechanisms, it allows seamless integration of new functionality while maintaining a consistent user experience.

Works with~Claude Code~Codex CLI~Cursor
npx skills add omdsh-dev/DSH-better-sidebar
View original→Browse all skills

Ask in your favorite AI

Open a new chat with this agent skill pre-loaded.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentation

What does DSH Better Sidebar do?

An open sidebar foundation that supports third-party extensions to register new sidebar pages. Built-in file rendering/editing, terminal, side chat, Git, and sub-agent pages.

Features

  • Extensible: Register custom sidebar pages via a simple API.
  • Built-in Pages:
    • File rendering/editing
    • Terminal
    • Side chat
    • Git
    • Sub-agent
  • Cross-platform: Works with AI agents supporting sidebar UIs (e.g., Cursor, Claude Code, VS Code extensions).

Usage

To register a new sidebar page, call the provided registration function with a unique ID, label, and component.

registerSidebarPage('my-custom-page', {
  label: 'My Page',
  icon: 'folder',
  component: MyCustomComponent
})

Configuration

No additional environment variables are required. Simply include the skill in your agent's configuration.

Links

Related Skills

steipete/video-frames

Extract frames or short clips from videos using ffmpeg.

community

steipete/summarize

Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.

community

openclaw/openclaw

Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.

community

obra/superpowers

Obra superpowers agent skills.

community

affaan-m/ECC

See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio...

community

affaan-m/everything-claude-code

End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.

community