skills.rest
nopkhun
nopkhunCOMMUNITY
Explore all skills by this author →
GitHub

backend-engineer

Integrate frontend applications with Supabase for backend services.

Updated Mar 3, 2026
Search Tags:#authentication#database#rls#backend#supabase#real-time#storage
One-click install
npx skills add https://github.com/nopkhun/KO-STOCK-SYSTEM --skill backend-engineer-nopkhun
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: backend-engineer
Source: https://github.com/nopkhun/KO-STOCK-SYSTEM/tree/main/.gemini/skills/backend-engineer
Command: npx skills add https://github.com/nopkhun/KO-STOCK-SYSTEM --skill backend-engineer-nopkhun

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @supabase/supabase-js, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill bridges the gap between a functional UI with mock data and a live application powered by a real backend, specifically using Supabase for database, authentication, and storage needs.

Core Features & Use Cases

  • Supabase Integration: Seamlessly connects your frontend to Supabase for data persistence and user management.
  • Database Schema Management: Generates and manages database schemas based on existing TypeScript types.
  • Authentication & RLS: Implements robust authentication flows and Row Level Security policies.
  • Real-time Data: Enables real-time data synchronization.
  • File Storage: Handles file uploads and management via Supabase Storage.
  • Use Case: After a UI developer has created a user interface with placeholder data for a product catalog, this Skill will integrate Supabase to store and retrieve actual product information, implement user login, and secure the data with appropriate access controls.

Quick Start

Use the backend-engineer skill to connect the existing UI to Supabase, setting up authentication and replacing mock data with real database entries.

Frequently Asked Questions about backend-engineer

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

FAQPage Schema
How do I connect my frontend UI to a Supabase database and replace mock data?▼

To connect your UI to Supabase, configure the Supabase client to replace mock API calls with live database queries, enabling real-time data synchronization and persistent storage for your application.

Can I generate a database schema from existing TypeScript types using Supabase?▼

Yes, you can generate SQL database schemas directly from your existing TypeScript types, allowing seamless database schema management and data persistence without manually writing SQL table definitions.

How do I implement authentication and Row Level Security policies in Supabase?▼

You can implement robust authentication flows and Row Level Security (RLS) policies by configuring Supabase clients to secure data with appropriate access controls based on user identities.

Does the backend-engineer skill handle real-time subscriptions and file storage?▼

Yes, the backend-engineer skill enables real-time data synchronization and handles file uploads and management via Supabase Storage, transitioning your mock UI to a fully functional live application.

What do I need to set up before integrating Supabase into my frontend application?▼

You need an existing frontend UI with placeholder data and the @supabase/supabase-js dependency installed to configure the Supabase client and transition from mock data to live database entries.

Related Skills

Explore More Software Engineering Skills→
wasintohwasintoh
90

backend-engineer

Connect UI to live data by migrating mock API calls to Supabase queries.

Community
Intermediate
forgivesam168forgivesam168
2

copilot-sdk

Embed Copilot's runtime into Node.js, Python, Go, or .NET applications.

Community
Advanced
yongwoonyongwoon
8

ywc-code-gen

Generate backend services, frontend interfaces, and QA test suites in parallel from a specification.

Community
Advanced
uphiagouphiago
1.1k

firebase-supabase-attack

Probe Firebase and Supabase backends for publicly exposed data.

Community
Advanced