AI Tools

A practical reference for using AI tools more effectively in development, writing, testing, and debugging workflows.

Last updated: May 28, 2026

Prompt Building Blocks

Block	Purpose	Template
Role	Set the assistant perspective	Act as a senior frontend engineer reviewing a React component.
Context	Give source material and constraints	Use the code below. Follow our TypeScript and Tailwind patterns.
Task	State the exact output needed	Find bugs and propose the smallest safe patch.
Format	Control the response shape	Return findings first, then tests, then a short summary.
Constraints	Avoid unwanted behavior	Do not rewrite unrelated files. Do not introduce new dependencies.
Examples	Anchor style or behavior	For example, prefer named exports and existing utility helpers.

Developer Prompt Templates

Use case	When to use it	Prompt
Code review	Find risks before merging	Review this diff for bugs, regressions, security issues, and missing tests. Prioritize findings with file and line references.
Refactor plan	Change structure before coding	Create a scoped refactor plan. Reuse existing patterns, list files to touch, and call out behavior that must not change.
Test generation	Add focused coverage	Write tests for the edge cases in this function. Prefer small deterministic cases and avoid broad snapshots.
Bug isolation	Narrow a failure	Given this failing test and code, identify the likely cause, the smallest fix, and any follow-up tests.
Docs rewrite	Improve developer docs	Rewrite this documentation for clarity. Keep commands exact and avoid marketing language.

Evaluation Checklist

Check	Question	Signal
Correctness	Does the answer match the source code and constraints?	References concrete functions, files, or data.
Completeness	Did it cover all requested outputs?	No skipped steps or hidden assumptions.
Safety	Could this break data, privacy, or security?	Calls out destructive commands and sensitive inputs.
Specificity	Is it actionable?	Uses exact commands, examples, and expected results.
Verification	How can the work be checked?	Includes tests, build commands, or manual checks.

Useful AI Workflows

Workflow	Steps	Output
Explain unfamiliar code	Paste file, ask for data flow, ask follow-up about edge cases	Mental model plus risk areas
Generate fixtures	Describe schema, list edge cases, request valid and invalid examples	Reusable test data
Compare approaches	State goal, constraints, and decision criteria	Tradeoff table and recommendation
Summarize logs	Paste relevant log slice, include command and expected behavior	Likely failure category and next check
Improve regex	Provide examples that should match and not match	Regex plus explanation and tests

Anti-Patterns

Anti-pattern	Problem	Better prompt
"Make it better"	No target or constraints	Improve readability without changing behavior; list exact edits first.
Huge paste with no question	The task is ambiguous	Summarize this code path and identify where validation happens.
No success criteria	Hard to verify output	The fix is done when these three tests pass...
Asking for final code too early	Misses design constraints	First inspect patterns and propose a scoped plan.

Client-Side Processing

Input Data Stays on Device

Instant Local Execution

Find this tool useful? Support the project to keep it free!

Buy me a coffee

What is AI Tools?

AI Tools is a workflow and prompt reference page. It does not depend on a specific AI provider; instead, it gives reusable prompt structures, developer templates, evaluation checks, and anti-patterns that help you get more precise and verifiable results from AI assistants.

How to Use AI Tools

Pick a section based on your task. Use the prompt building blocks for custom requests, start from a developer template for common coding work, and use the evaluation checklist to review the answer before acting on it.

Common Use Cases

Writing clearer prompts for code review.
Generating focused test fixtures.
Summarizing logs and failures.
Comparing implementation approaches.
Reviewing AI answers before applying changes.

Example Input and Output

A bug isolation prompt with clear context and output shape.

Task

Find why a test fails

Prompt

Given this failing test and code, identify the likely cause, the smallest fix, and follow-up tests. Return findings first.

Tip

The strongest prompts include context, constraints, exact task, desired format, and a verification standard.

Frequently Asked Questions

Does this page call an AI API?

No. It is a reference page with reusable prompt templates and workflow guidance.

Are the prompts tied to one provider?

No. The templates are provider-neutral and work with most AI assistants.

How should I verify AI output?

Use the evaluation checklist: correctness, completeness, safety, specificity, and verification.

Related Tools

JavaScript Cheat Sheet

A quick JavaScript reference for variables, functions, arrays, objects, promises, DOM APIs, and common gotchas.

Vim Cheat Sheet

A quick Vim reference for modes, movement, editing, search and replace, files, windows, and useful command combos.

Code Highlighter

Paste code in JavaScript, TypeScript, Python, HTML, CSS, SQL, JSON, or Bash and get a syntax-highlighted HTML snippet you can embed anywhere. Live preview and copy-ready output.

Markdown Editor

Write Markdown with a formatting toolbar and see a live HTML preview as you type. Insert bold, italic, links, images, headings, lists, quotes, and code blocks with one click.

JSON Cheat Sheet

A complete JSON reference — data types, syntax rules, nested structures, common patterns, and gotchas. Quick lookup for developers working with JSON APIs and configs.

Regex Tester

Test and debug regular expressions with live match highlighting, capture group display, and flag explanations — using JavaScript's native RegExp engine.