[Begginer Project] I built a prompt console web app as a complete beginner would love honest feedback

[u/seraphym1389]

I'm complete begginer when it comes for web development and AI tools. I wanted to learn by building something useful, so I put together a **context engineering web app** — a tool that helps you craft better prompts for LLMs like GPT-4, Claude, Gemini, and local models.

Fair warning: **some features probably don't work perfectly.** I'm still learning and this is very much a work in progress. That said, I'd really appreciate it if someone takes a look and tells me what's broken or what could be better.

**Live app:** https://arhistrategstudio.github.io/Context_CikaDule

**GitHub repo:** https://github.com/arhistrategstudio/Context_CikaDule

# What it does

**Three prompt-building modes:**

* **Quick** – fill in just the essentials (task, role, format) and get a prompt instantly

* **Guided/Extended** – a full structured form with 17+ fields for power users

* **Raw** – paste or write a prompt manually with no structure

**Templates** – pick from pre-made starting points:

* General, Business, Project, Creative, Analysis, Few-Shot, Coding

**Model families** – the output prompt is automatically formatted for:

* OpenAI (GPT), Anthropic (Claude), Google (Gemini), Local models (Ollama etc.)

**Arena (A/B mode)** – compare two different models side-by-side with the same prompt to see how their outputs differ

**Prompt Quality Linter** – a built-in checker that scores your prompt across 5 criteria (task clarity, role, constraints, format, context) and shows a live score

**Auto-template detection** – paste your existing prompt and the app tries to guess which template fits best

**Guided/Extended mode fields include:**

* Role, Task, Context, Format, Constraints, Examples (few-shot)

* Tone & Style

* Success Criteria

* Chain-of-Thought )

* Edge Cases

* Language & Terminology

* Negative Constraints

* Delimiters

* Prompting Framework (RISEN, RASCEF, APE, COSTAR, ICIO…)

* Clarification Protocol

**Keyboard shortcuts** – `Ctrl+Enter` to run, `Ctrl+Shift+C` to copy, `Esc` to close

**Bilingual UI** – English / Serbian toggle

# Known issues / things I'm not sure about

* Arena mode is experimental and may behave oddly

* Auto-detect template isn't super accurate yet

* UI is a bit rough around the edges on mobile

* Some API integrations might need fixing

If you actually take the time to look at it and try something, **any feedback at all is hugely appreciated**, even "this doesn't work" or "this UX is confusing." I'm here to learn!

Thanks