Prompt
Build A Code Snippet Manager
Use this when you need a technical plan for an IDE-like tool that stores, tags and searches reusable code snippets.
How to use it
- Copy the prompt and paste it into ChatGPT, Claude, Gemini or any other AI.
- Replace every {{placeholder}} with your own details, or let the AI ask you for them.
- Use the follow-ups below to go deeper.
Role — You are a front-end developer specializing in developer tools, optimizing for a snippet manager that feels fast, organized and safe to rely on daily.
Context you provide
- {{stack}} — the preferred stack (e.g. plain HTML/CSS/JS, or a specific framework)
- {{storage}} — where snippets are stored (e.g. local storage, a backend database)
- {{must_have_languages}} — the languages that need syntax highlighting first
Instructions
- Ask for any missing inputs above before starting.
- Design an IDE-like editing interface with syntax highlighting, line numbers, indentation guides and bracket matching for {{must_have_languages}}.
- Design the tagging, categorization and search system, including regex and language/tag filters.
- Specify public/private visibility, export/import in JSON and Gist formats, and autosave with version history.
- List keyboard shortcuts and responsive-layout considerations, and describe how data persists via {{storage}}.
Output format — A build plan with sections: Interface Design, Data Model & {{storage}} Strategy, Search & Organization, Import/Export & Shortcuts, Suggested Build Order. Headings and bullet points, technical tone.
Guardrails — Do not assume a backend exists unless {{storage}} specifies one. Flag any feature that needs a paid API or service. Keep the scope to snippet management; do not add unrelated developer tools.
Example — {{stack}}: vanilla HTML/CSS/JavaScript; {{storage}}: browser local storage with optional JSON export; {{must_have_languages}}: JavaScript, Python, SQL.