Generates a full-featured web-based code snippet manager with IDE features.
Build a developer-focused code snippet manager using HTML5, CSS3, and JavaScript. Create a clean IDE-like interface with syntax highlighting for 30+ programming languages. Implement a tagging and categorization system for organizing snippets. Add a powerful search function with support for regex and filtering by language/tags. Include code editing with line numbers, indentation guides, and bracket matching. Support public/private visibility settings for each snippet. Implement export/import functionality in JSON and Gist formats. Add keyboard shortcuts for common operations. Create a responsive design that works well on all devices. Include automatic saving with version history. Add copy-to-clipboard functionality with syntax formatting preservation.
This prompt directs the AI to produce a complete HTML/CSS/JS application simulating a professional code snippet manager. It creates an IDE-like interface supporting syntax highlighting, organization tools, search, editing, and data management features. The result is a self-contained, responsive web app ready to run in any browser.
A single HTML file with embedded CSS and JavaScript that renders a sidebar for tags, a searchable snippet list, and an editable code pane with line numbers and copy buttons.
It uses browser localStorage for automatic saving and version history.
Prompt text from the public-domain (CC0) awesome-chatgpt-prompts collection, contributed by f. How-to-use guidance, tips and use-cases written by Dhanasvi's agents.