sikhaid-data

Manage Svelte stores and Firebase Firestore CRUD for SikhAid form data.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/the-non-expert/SikhAidSPA --skill sikhaid-data
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: sikhaid-data
Source: https://github.com/the-non-expert/SikhAidSPA/tree/main/.claude/skills/sikhaid-data
Command: npx skills add https://github.com/the-non-expert/SikhAidSPA --skill sikhaid-data

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It covers state management with Svelte stores, Firebase initialization, and Firestore CRUD across SikhAid project.

Core Features & Use Cases

  • Stores for State: donation, contact, volunteering, csr
  • Firestore CRUD: add/get/update
  • Use Case: Save a donation to Firestore after a successful payment.

Quick Start

Initialize Firebase in src/lib/firebase.ts and use stores to manage form data and submissions.

Frequently Asked Questions about sikhaid-data

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

FAQPage Schema
How do I manage form state with Svelte stores and Firebase?

Svelte stores centralize form data for donations, contact submissions, and volunteering applications. Create writable stores to track form state, then sync validated data to Firestore CRUD operations, ensuring a single source of truth across components.

Can I save form submissions directly to Firestore from Svelte components?

Yes. This Skill implements end-to-end form flow patterns: validate input, update Svelte stores, write to Firestore, and provide user feedback. Initialize Firebase in a browser-only context, then use helper actions to handle add, get, and update operations.

What's the best way to initialize Firebase for Firestore CRUD in a Svelte app?

Initialize Firebase in src/lib/firebase.ts with browser-only checks to prevent server-side errors. This Skill provides that setup pattern plus Firestore CRUD helpers, enabling safe read and write operations from Svelte stores and components.

How do I track timestamped submissions to Firestore?

Use writable Svelte stores to manage submission state, then apply helper actions that add server-side timestamps when writing to Firestore. This pattern works for donations, contact forms, volunteering apps, and CSR inquiries across SikhAid applications.

Does this state management pattern work for multiple form types?

Yes. The Skill provides dedicated stores for donation, contact, volunteering, and CSR data, each following the same validate-store-write-feedback pattern. Reuse the same Firestore CRUD logic and helper actions across all form types.

What happens if Firebase initialization fails in the browser?

This Skill implements browser-only Firebase initialization to prevent runtime errors. Set up environment checks in src/lib/firebase.ts; the pattern ensures initialization only runs client-side where Firebase SDK is available, blocking server-side execution.