Responsible Use of AI

1. What AI Actually Is

AI (like ChatGPT) is a prediction engine. You are not asking magic — you are programming with language.

Garbage in → Garbage out. If your prompt is unclear, the answer will also be unclear.

Think: Every prompt = a small program you write.

2. The 4 Core Prompt Skills

✅ PERSONA — Who should answer?

AI knows many things. You must tell it what expertise to use.

Bad Prompt

Explain CSS Grid.

Good Prompt

You are a beginner-friendly frontend teacher.
Explain CSS Grid to students who only know HTML and CSS basics.

Persona reduces guessing.

✅ CONTEXT — What should AI know?

AI does not see your brain or your project.

More context = fewer hallucinations (made-up answers).

Bad Prompt

Why is my layout broken?

Good Prompt

I am a beginner learning Flexbox.
My navbar items stack vertically instead of horizontally.

Here is my HTML and CSS:
[paste code]

Explain what is wrong.
If information is missing, say "I don't know".

Train AI to say I don't know instead of inventing answers.

✅ FORMAT — How should the answer look?

Tell AI exactly how to respond.

Explain Flexbox in:
- simple language
- bullet points
- one example
- short explanation

Clear format = usable answers.

✅ PROMPT CLARITY (Meta Skill)

If you cannot explain the problem clearly, AI cannot help you.

Good prompting improves your thinking, not AI intelligence.

AI does not become smarter — you become clearer.

3. Responsible Use of AI (Very Important)

Use AI to:

understand concepts
debug errors
get explanations
practice learning

Do NOT use AI to:

blindly copy paste assignments
submit work you don't understand
replace learning

If you cannot explain your code, you did not learn it.

4. How Beginners Should Use AI

Step 1 — Learn a Concept

Act as a frontend instructor.
Teach me CSS Flexbox like I am a beginner.
Use simple examples only.

Step 2 — Ask for Small Steps

Give me a small exercise to practice Flexbox.
Do not give the solution yet.

Step 3 — Try Yourself First

Write code manually.

Step 4 — Debug Properly

You are a debugging mentor.
Do NOT fix the code directly.
Guide me with hints.

Here is my HTML/CSS:
[paste code]

Explain what I should check first.

Learning happens during debugging.

Step 5 — Verify Understanding

Ask me 3 questions to check if I understand Flexbox.

5. Debugging With AI (Best Beginner Workflow)

Read the error yourself
Guess the problem
Ask AI with context
Request hints, not solutions
Fix it yourself
Ask AI to explain why it worked

6. Advanced Idea (Just Awareness)

Chain of Thought (CoT)

AI thinks step-by-step to reach one solution.

Explain step by step how the browser renders HTML and CSS.

(You do NOT need advanced techniques yet.)

7. Golden Rule of AI

All techniques exist to reduce guessing.

Persona → Who answers
Context → What it knows
Format → How it responds
Clarity → Your thinking quality

Bad results from AI usually mean unclear instructions.

8. Final Mindset

AI is:

a learning assistant
a debugging partner
a thinking amplifier

AI is NOT:

your brain
your teacher replacement
your shortcut to skills

The goal is not faster answers. The goal is better understanding.

Before Using AI, Ask Yourself:

Can I explain my problem clearly?
Did I try first?
Do I understand the answer?

If yes → You are using AI responsibly.