Skip to content
Lior Sherbaty
Back to blog
3 min read

Introducing PromptKit: A Client-Side, Type-Safe Prompt Library

PromptKit.work is a static React application designed to standardize prompt engineering. It features client-side persistence, real-time previews, and a curated collection of parameterized meta-prompts for software development tasks.

  • #react
  • #typescript
  • #developer-tools
  • #local-first

The Challenge: Prompt Volatility

Effective prompt engineering is often hindered by ephemeral storage. Complex prompts crafted for specific architectural reviews or debugging sessions are frequently lost in chat logs or overwritten in temporary scratchpads, leading to redundant work and inconsistent output.

The Solution: PromptKit

To address this, I developed PromptKit. It is a static Single Page Application (SPA) built with React 18, TypeScript, and Vite, designed to treat prompts as reusable, parameterized code artifacts rather than simple text strings.

Technical Architecture

PromptKit prioritizes privacy and performance by operating entirely client-side. It eliminates the need for a backend database by leveraging localStorage for data persistence. This ensures that your input values, theme preferences, and custom prompt edits remain stored locally on your device.

Key Capabilities

  • Parameterized Templates: The engine parses custom placeholders (e.g., {{code}}, {{focusAreas}}) to generate context-specific prompts with real-time syntax highlighting via prism-react-renderer.
  • Non-Destructive Editing: Users can modify prompt structures within the UI without altering the underlying JSON definitions.
  • Developer-Centric Categories: The library includes curated schemas for architectural analysis, security audits, and MVVM/WPF development patterns.

Integration

Designed for desktop workflows, PromptKit supports live previews, one-click clipboard operations, and .txt exports for seamless integration with your LLM of choice. Review the implementation or use the tool directly at PromptKit.work.

You might also like

4 min read

TaskDashboard: Building a Local-First, Portable Project Manager

When generic SaaS tools failed to track 'blocked' workflows effectively, I built TaskDashboard. A standalone, portable Electron application designed for privacy, hierarchy, and managing dependencies without the cloud.

local-firstreactdeveloper-tools
5 min read

My Wife Was My Product Owner: Building Software Through Real Agile Feedback

When my wife's Excel-and-email workflow started cracking under real workload, I did what any developer would: I interviewed her like a stakeholder, built a prototype, and iterated through four feedback rounds until the tool actually solved her problem.

local-firstreactagile
4 min read

Architecting a Serverless Resume Builder: The Iframe Firewall Pattern

Building a static, privacy-first CV creator requires a unique architectural approach. By decoupling the editor UI from the preview engine using an 'Iframe Firewall', we ensure pixel-perfect print layouts without sacrificing a modern React developer experience.

reactarchitecturelocal-first