Course එකට ආපසු

Common Issues Troubleshoot කිරීම

10 මිනිත්තු📚Reference

Troubleshooting Common Issues

සැමදාම perfectly work වෙන්නේ නැහැ — ඒක normal! මේ lesson ඔයාගේ troubleshooting reference guide එක.

🎯 පාඩමේ අරමුණු

මේ පාඩම ඉවර වෙද්දී ඔයාට:

  • Most common issues fix කරන්නේ කොහොමද දැනගන්න පුළුවන් වෙයි
  • Problems occur වෙන්නේ ඇයි understand කරන්න පුළුවන් වෙයි
  • Use කරන්න ready troubleshooting prompts තියෙන්න පුළුවන් වෙයි
  • Unexpected results handle කරන්න confident feel කරන්න පුළුවන් වෙයි

Bookmark කරන්න!

මේ page save කරන්න — problems hit වෙනකොට ආයෙ එනවා!

Issue 1: AI මගේ Request එක Understand කරන්නේ නැහැ

Symptoms:

  • AI ඕන දේට completely different එකක් generate කරනවා
  • AI clarifying questions ask කරනවා
  • Result generic හෝ irrelevant

Happen වෙන්නේ ඇයි:

  • Prompt එක ගොඩක් vague
  • Technical terms incorrectly use කරලා
  • Conflicting instructions

Solutions:

Solution A: More Specific වෙන්න

❌ Vague
✅ Specific
Nice card එකක් හදන්න
Circular photo, name, job title, bio, contact button එක්ක profile card හදන්න
Better look කරන්න
Rounded corners, subtle shadow add කරලා font size 18px ට increase කරන්න
Color ටිකක් add කරන්න
Headings වලට navy blue (#1a365d), background එකට light gray (#f7fafc) use කරන්න

Solution B: Examples Provide කරන්න

Try this prompt
LinkedIn profile cards වගේ card එකක් create කරන්න — photo left එකේ, name title right එකේ, bio පහළින්, connection button bottom එකේ
ChatGPTClaude

Solution C: Break Down කරන්න Complex prompt එකක් වෙනුවට, simple ones කීපයක් use කරන්න:

  1. "Rounded corners සහ shadow එක්ක card layout create කරන්න"
  2. "Top එකේ circular image placeholder add කරන්න"
  3. "Name එකට heading, title එකට subheading add කරන්න"
  4. "Bio සඳහා short paragraph add කරන්න"
  5. "Bottom එකේ button add කරන්න"

Issue 2: Mobile එකේ Design Broken Look කරනවා

Symptoms:

  • Phone screens වල elements overlap වෙනවා
  • Text read කරන්න ගොඩක් small
  • Buttons tap කරන්න ගොඩක් small
  • Horizontal scrolling ඕන

Happen වෙන්නේ ඇයි:

  • Responsive වෙනුවට fixed widths use කරලා
  • Mobile-first design නැහැ
  • AI desktop viewing assume කළා

Solutions:

Solution A: Mobile-First Request කරන්න

Try this prompt
Mobile-first විදියට redesign කරන්න. Phone screen එකේ perfect look කරන්න ඕන.
ChatGPTClaude

Solution B: Specific Issues Fix කරන්න

Try this prompt
Mobile එකේ buttons overlap වෙනවා. Small screens වල vertically stack කරන්න.
ChatGPTClaude
Try this prompt
Mobile එකේ text ගොඩක් small. Small screens වලට font sizes හැමඑකම increase කරන්න.
ChatGPTClaude

Solution C: Responsive Testing Request කරන්න

Try this prompt
375px width (standard phone), 768px width (tablet), 1200px+ (desktop) හොඳට work කරනවා sure කරන්න
ChatGPTClaude

Issue 3: Share Button හොයාගන්න බැහැ

Platform-Specific Solutions:

v0.dev:

  • Top-right එකේ share icon (box with arrow) හොයන්න
  • Three-dot menu (⋮) check කරන්න
  • Preview එකේ right-click කරලා link copy කරන්න

Replit:

  • "Run" first click කරන්න
  • Webview panel header බලන්න
  • Expand/external link icon click කරන්න
  • Browser bar එකෙන් URL copy කරන්න

General:

  • Icons හොයන්න: 📤 🔗 ↗️
  • Dropdown menus check කරන්න
  • Preview එකේ right-click try කරන්න

Issue 4: Page Slowly Load වෙනවා

Symptoms:

  • Content appear වෙන්න long wait
  • Images forever load වෙනවා
  • Animations choppy

Happen වෙන්නේ ඇයි:

  • Large images ගොඩක්
  • Heavy animations
  • Optimization ඕන complex code

Solutions:

Solution A: Simplify කරන්න

Try this prompt
Faster load වෙන්න design simplify කරන්න. Heavy animations remove කරලා images optimize කරන්න.
ChatGPTClaude

Solution B: Specific Elements Optimize කරන්න

Try this prompt
Faster loading වලට background image CSS gradient එකකින් replace කරන්න
ChatGPTClaude
Try this prompt
Below the fold images වලට lazy loading use කරන්න
ChatGPTClaude

Solution C: Complexity Reduce කරන්න

Try this prompt
Complex shadow effects remove කරලා simpler CSS styling use කරන්න
ChatGPTClaude

Issue 5: Colors Together Bad Look කරනවා

Symptoms:

  • Colors visually clash වෙනවා
  • Text read කරන්න hard
  • Design unprofessional look කරනවා

Happen වෙන්නේ ඇයි:

  • Random color selection
  • Poor contrast ratios
  • Colors ගොඩක්

Solutions:

Solution A: Professional Palette Request කරන්න

Try this prompt
Colors professional, cohesive color palette එකකින් replace කරන්න. Main colors 2-3ක් plus neutrals only use කරන්න.
ChatGPTClaude

Solution B: Named Color Schemes Use කරන්න

Try this prompt
Minimalist/corporate/playful/warm/cool color scheme use කරන්න
ChatGPTClaude

Solution C: Exact Colors Specify කරන්න

Try this prompt
මේ specific color palette use කරන්න: - Primary: #4A90D9 (blue) - Secondary: #F5F5F5 (light gray) - Accent: #FF6B35 (orange) - Text: #333333 (dark gray) - Background: #FFFFFF (white)
ChatGPTClaude

Issue 6: Text Read කරන්න Hard

Symptoms:

  • Text සහ background අතරේ low contrast
  • Font size ගොඩක් small
  • Line spacing ගොඩක් tight
  • Font read කරන්න hard

Happen වෙන්නේ ඇයි:

  • Poor contrast ratio
  • Usability වලට වඩා design
  • Mobile consider කළේ නැහැ

Solutions:

Solution A: Contrast Improve කරන්න

Try this prompt
Accessibility standards meet කරන්න text contrast increase කරන්න. Light backgrounds මත dark text, dark backgrounds මත light text.
ChatGPTClaude

Solution B: Typography Fix කරන්න

Try this prompt
Typography improve කරන්න: - Body text at least 16px - Line height 1.5-1.6 - Maximum line width characters 65-75 - Clear font hierarchy
ChatGPTClaude

Solution C: Font Change කරන්න

Try this prompt
Inter, Open Sans, system fonts වගේ more readable fonts use කරන්න. Body text එකට decorative fonts avoid කරන්න.
ChatGPTClaude

Issue 7: Interactive Elements Work කරන්නේ නැහැ

Symptoms:

  • Buttons clicks වලට respond කරන්නේ නැහැ
  • Forms submit වෙන්නේ නැහැ
  • Animations play වෙන්නේ නැහැ
  • Links කොහේවත් යන්නේ නැහැ

Happen වෙන්නේ ඇයි:

  • JavaScript properly connected නැහැ
  • Event handlers missing
  • Execution prevent කරන code errors

Solutions:

Solution A: Functional Code Request කරන්න

Try this prompt
Button click කරනකොට actually something do කරනවා sure කරන්න. Alert show කරන හෝ text change කරන visible response add කරන්න.
ChatGPTClaude

Solution B: Debug කරන්න

Try this prompt
Contact button work කරන්නේ නැති වගේ. Click handler check කරලා issues fix කරන්න.
ChatGPTClaude

Solution C: Interaction Simplify කරන්න

Try this prompt
Complex interaction simple working version එකකින් replace කරන්න: click කරනකොට thank you message show කරන්න
ChatGPTClaude

Issue 8: AI Usage Limit Hit වුණා

Symptoms:

  • "Rate limit exceeded" message
  • More generate කරන්න බැහැ
  • Premium features locked

Happen වෙන්නේ ඇයි:

  • Free tier request limits තියෙනවා
  • Short time එකක generations ගොඩක්

Solutions:

Solution A: Wait කරන්න

  • Limits usually hourly හෝ daily reset වෙනවා
  • Break එකක් ගෙන later return වෙන්න

Solution B: Alternative Use කරන්න

  • v0.dev සහ Replit අතරේ switch කරන්න
  • Different AI tools try කරන්න

Solution C: More Efficient වෙන්න

  • Iterations reduce කරන්න better prompts ලියන්න
  • Prompting කරන්න කලින් design plan කරන්න

Quick Reference Table

ProblemFirst TryFail වුනොත්
AI misunderstandsMore specific වෙන්නSteps වලට break කරන්න
Mobile එකේ broken"Make mobile-first"Specific elements fix කරන්න
Share හොයාගන්න බැහැMenu icons check කරන්නPreview right-click කරන්න
Slow loading"Simplify and optimize"Heavy elements remove කරන්න
Bad colors"Professional palette" request කරන්නExact hex codes specify කරන්න
Read කරන්න hard"Improve contrast"Font sizes specify කරන්න
Nothing works"Make it functional"Interaction simplify කරන්න
Usage limitHour එකක් wait කරන්නAlternative tool use කරන්න

Nothing Work නොකරන විට

Truly stuck නම්:

Last Resort Options

  1. Fresh Start කරන්න — Sometimes better prompt එකෙන් start over faster

  2. Examples Search කරන්න — v0.dev/Replit community examples බලලා working pattern copy කරන්න

  3. Help Ask කරන්න — Course community එකේ post කරන්න, try කළ දේ describe කරන්න

  4. Break එකක් ගන්න — Fresh eyes often problems solve කරනවා. Hour එකක් හෝ next day return වෙන්න

✅ පාඩමේ සාරාංශය

Key Troubleshooting Strategies:

  1. More specific වෙන්න — බොහෝ issues vague prompts වලින් එනවා
  2. Break down කරන්න — Complex problems වලට step-by-step solutions ඕන
  3. Mobile check කරන්න — Always small screens වල verify කරන්න
  4. Simplify කරන්න — Doubt වෙනකොට complexity reduce කරන්න
  5. Patient වෙන්න — AI tools limits තියෙනවා, ඒ ඇතුළේ work කරන්න

මතක තියාගන්න

Problems normal. Every developer troubleshoot කරනවා. ඔයා valuable skill එකක් learn කරනවා!

➡️ Next Lesson

Build කළා, share කළා, improve කළා, troubleshoot කළා. දැන් achievement reflect කරලා next එකට prepare වෙමු!