Free Applets

Find Your Idea

A guided question sequence.

Prompt for Scanning Security

Secure your code.

Precise Dimension

Core toolkit principles.

Marketing Channels

Find your audience.

Pre-build

Brain Dump

Unload all your thoughts.

Find Your Idea

A guided question sequence.

Choose Your Builder

Select the right vibe agent for your project.

Idea Refinery

Refine your concept with AI.

Pomodoro Timer

Focused work sessions.

UI Mockup to Prompt

Translate visuals to code.

Prompt for Production

DB Visualizer

Visualize your database schema.

Humanized Console Errors

Make errors understandable.

Expenses Tracker

Manage your project costs.

Cost Efficiency

Analyze monetary and emotional costs.

Brand Document

Define your project's identity.

Attitude

Mindset prompts for developers.

Scheduler

Organize your tasks.

User Story to Test Case

Generate user stories, test cases, and technical specs from a single idea.

Production

Fake DB Testing

Test without a real database.

Github Crash Course

Version control basics.

Performance Optimizations

Make your app faster.

Accessibility

Build for everyone.

Prompt for Scanning Security

Secure your code.

Open Source Libraries

Leverage community code.

Precise Dimension

Core toolkit principles.

PNG Optimizer

Shrink image file sizes.

Debug-Fu

Master the art of debugging.

Resources

Useful links and tools.

Open Source Social Media Management Tools

Manage your social presence.

Post-production

Marketing Prompts

Craft your message.

SEO

Optimize for search engines.

Marketing Channels

Find your audience.

Offering: Inventive Mockups (Free for Artists)

Create value propositions.

AI CRO Audit for Product Pages

Optimize conversion rates.

Workflow: AI as Conversion Expert for Ads

AI-powered ad optimization.

Real-Life Asset Workflow

Manage your creative assets.

Internationalization

Translate your app into multiple languages without hassle.

Legal

Generate legal document drafts for your website.

LLM SEO Ranking

Optimize your site for both traditional search engines and AI language models.

Hosting Options

Explore free and paid hosting platforms for your projects.

Content Gen Workshop

A zero-code prompt builder for generating comprehensive blog content packages.

Humanized Console Errors

Use this prompt to build a custom error handling system that translates complex technical error messages into clear, actionable, and beginner-friendly explanations directly in the browser console.

Add a custom error handling system to my application that displays beginner-friendly error messages in the browser console.
REQUIREMENTS:

Create a global error handler that catches all errors
For each error, log TWO messages:

First: the original technical error (for debugging)
Second: a plain-English translation in a styled, easy-to-spot format


Error translation format:

   🔍 ERROR EXPLAINED FOR HUMANS:
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━
   What went wrong: [Simple explanation]
   Why it happened: [Likely cause]
   How to fix it: [Step-by-step solution]
   Where to look: [File and line number if available]
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━

Style the human-friendly message with:

Large, bold text
Background color to stand out
Use console.log with %c styling
Make it impossible to miss


Common error translations to include:

"Cannot read property X of undefined" → "You're trying to use something that doesn't exist yet"
"X is not a function" → "You're trying to run something that isn't a runnable function"
"Missing dependency" → "You need to install a package"
"CORS error" → "The server is blocking your request for security reasons"
"404 Not Found" → "The URL you're trying to reach doesn't exist"
Network errors → "Can't connect to the internet or server"
Syntax errors → "There's a typo or grammar mistake in your code"


For each error type, provide:

What the error actually means in plain English
The most common reason this happens
Specific fix instructions (not vague)
Related file/component name if detectable


Also add a helper function I can manually call:
explainError(errorMessage) - that I can paste any error into for translation

IMPLEMENTATION NOTES:

Use window.onerror and window.addEventListener('unhandledrejection') for global catching
Parse error stack traces to extract file names and line numbers
Make the styled console output super visible (large font, bright colors)
Keep explanations under 3 sentences each
Focus on actionable fixes, not technical jargon

Given my application context [PASTE YOUR APP CODE/DESCRIPTION], implement this error translation system.