skills.rest
suleman7-DMD
suleman7-DMDCOMMUNITY
Explore all skills by this author →
GitHub

dental-quest-dev

Implement surgical edits to Dental Quest app modules with Firebase sync validation.

Updated Jan 3, 2026
Search Tags:#debugging#frontend#javascript#firebase#modular-architecture#web-app#dental-quest
One-click install
npx skills add https://github.com/suleman7-DMD/dental-quest --skill dental-quest-dev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: dental-quest-dev
Source: https://github.com/suleman7-DMD/dental-quest/tree/main/.claude/skills/dental-quest-dev
Command: npx skills add https://github.com/suleman7-DMD/dental-quest --skill dental-quest-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a structured, safe pathway for developers to modify and debug the Dental Quest web app (index.html + 12 JS modules), preserving architecture, data integrity, and Firebase sync expectations while enabling focused iterations.

Core Features & Use Cases

  • Guidance for editing index.html and the 12 JavaScript modules under js/dental-quest/, with emphasis on surgical edits rather than wholesale rewrites.
  • Enforced workflow: bootstrap sequence, 5 sync guards, and module loading order to prevent data loss or broken UI after edits.
  • Real-world use: fix a bug in a module, add a feature, or tweak UI behavior while ensuring persistence and render correctness.

Quick Start

Modify index.html or any module under js/dental-quest, then run your local dev environment to test the changes in a real browser.

Frequently Asked Questions about dental-quest-dev

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I safely debug a JavaScript web app with Firebase sync without breaking data persistence?▼

To debug a Firebase-synced JavaScript web app safely, apply surgical edits to individual modules while respecting the bootstrap sequence and sync guards to prevent data loss and maintain persistence integrity.

What is the best way to add a feature to a modular JavaScript frontend without causing UI breaks?▼

Adding a feature to a modular JavaScript frontend safely requires applying minimal incremental patches that follow the established module loading order, ensuring UI render correctness and structural stability.

Can I modify index.html and JavaScript modules without triggering a full app rewrite?▼

Yes, you can modify index.html and JavaScript modules through surgical edits that target specific files, enforcing a workflow of incremental patches with validation and rollback notes to avoid wholesale rewrites.

Why does changing a single JavaScript module break my Firebase data sync?▼

Changing a JavaScript module can break Firebase data sync if the edit bypasses the 5 sync guards or disrupts the bootstrap sequence, causing persistence failures and data integrity issues during the sync process.

What are the limitations of applying incremental patches to a modular web app?▼

Incremental patches to a modular web app are limited by the need to strictly follow the 12-module architecture and frontmatter patterns; bypassing these constraints risks breaking the bootstrap sequence and sync guards.

Related Skills

Explore More Software Engineering Skills→
xbg-solutionsxbg-solutions

firebase-local-env-setup

Verify Node.js, install Firebase CLI, and perform first-time login.

Official
Intermediate
suleman7-DMDsuleman7-DMD

body-comp-dev

Modify and debug body-comp-tracker.html with Firebase integration and save-chain validation.

Community
Advanced
invowkinvowk

invowk-schema

Enforce consistent schemas for invkfile.cue and invkmod module definitions.

Official
Advanced
yearofthedanyearofthedan

search-and-replace

Search and replace text patterns across TypeScript, JavaScript, and Vue files.

Community
Intermediate