Portfolio Artifact 05 · Applied AI · Prompt Engineering Tool

Turn your rough idea into a
perfect AI prompt

Most people type vague requests and get vague answers. PromptCraft takes your messy idea and engineers it into a structured, optimized prompt — then runs it live against Claude so you can see the difference instantly.

❌ Before PromptCraft
"Give me a business idea"
✅ After PromptCraft
"Act as a startup advisor. Generate 3 future-focused business ideas under $10K startup cost, scalable in the U.S., with revenue model and risks for each."
Connect your Anthropic API key to run prompts live
Your key stays in this browser session only — never stored anywhere.
01
Type your rough idea or messy prompt
Don't worry about structure — just say what you want. PromptCraft will engineer it.
02
Your optimized prompt
Structured with Role · Context · Constraints · Output format. Edit if needed, then run it.
✨ Prompt quality improved
Prompt Score
🎭 Role
📌 Context
⚙️ Constraints
📋 Output Format
Optimized Prompt (editable)
03
See the difference — live
Both prompts run simultaneously against Claude. Same AI, same model — only the prompt changes.
❌ Raw Prompt
Running raw prompt…
VS
✅ Optimized Prompt
Running optimized prompt…

Try these examples — click to load

💼
Business Idea
Turn a vague ask into a structured startup ideation prompt
Give me a business idea
🔐
Security Report
Transform a rough request into a professional threat analysis prompt
Write a security report for my company
✉️
Professional Email
Engineer a prompt that produces clear, effective business emails
Write an email to my boss asking for a raise
📣
LinkedIn Post
Go from a topic to a viral-ready LinkedIn content prompt
Help me write a LinkedIn post about AI
📊
Market Analysis
Structure a research and analysis prompt for any industry
Analyze the market for AI tools
🎓
Study Plan
Build a structured learning prompt for any subject or skill
Help me learn machine learning
Objective

Design a platform that helps users create high-quality AI prompts from raw ideas, optimize them with structured frameworks, and test them live against real AI models.

🔴 Problem

Most people type vague one-liners and get inconsistent AI responses. There's no tool that coaches you through building a structured, reusable prompt from scratch.

🟢 Solution

PromptCraft takes your rough idea, applies Role + Context + Constraints + Output engineering, scores it, and lets you test the result live — turning guessing into a predictable system.

Value Proposition
👤
Everyday Users

Type anything — get a structured, professional-grade prompt in seconds.

💼
Professionals

Build reliable AI workflows for business, security, and analysis tasks.

👩‍💻
Developers

Use engineered prompts as starting points for LLM integrations and pipelines.

🏢
Teams

Standardize how your team communicates with AI — consistent outputs, every time.

Design Process
01
Research

Identified that 80%+ of AI users write single-sentence prompts, leading to inconsistent outputs. Competitors focus on libraries, not engineering.

02
Framework Design

Built the Role + Context + Constraints + Output (RCCO) prompt engineering framework as the core product mechanic.

03
Live API Integration

Connected Claude API to allow instant real-world testing of optimized prompts — showing the before/after difference in real outputs.

04
Scoring System

Designed a prompt quality score that evaluates specificity, structure, and completeness to give users measurable feedback.

05
UX Iteration

Tested with non-technical users. Key insight: people needed examples to understand what "rough idea" meant — added 6 quick-load examples.

Tools & Stack
FrontendVanilla HTML/CSS/JS · IBM Plex + Syne fonts
AI EngineAnthropic Claude API · claude-sonnet-4-20250514
Prompt FrameworkRCCO: Role · Context · Constraints · Output
HostingGitHub Pages · Zero backend required
SecuritySession-only key storage · No server logging
UX Pattern3-step wizard · Before/After comparison
Roadmap
🟡 Near-term
  • Save & version your prompt history
  • A/B test two versions of the same prompt
  • Export to PDF or Notion
🔵 Future
  • Team workspaces with shared prompt libraries
  • Multi-model comparison (Claude vs GPT vs Gemini)
  • Enterprise compliance guardrails