backend-engineer

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

90|18|Updated Nov 27, 2025
One-click install
npx skills add https://github.com/wasintoh/toh-framework --skill backend-engineer-wasintoh
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: backend-engineer
Source: https://github.com/wasintoh/toh-framework/tree/main/src/skills/backend-engineer
Command: npx skills add https://github.com/wasintoh/toh-framework --skill backend-engineer-wasintoh

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Connecting a functional UI to a real backend often involves complex database setup, authentication, and security configurations. This Skill automates the entire Supabase integration process, making your UI data-driven and secure with minimal effort.

Core Features & Use Cases

  • Supabase Integration Specialist: Handles client configuration, environment variables, and type generation for seamless backend connection.
  • Automated Schema & RLS: Derives database schema from existing TypeScript types and sets up robust Row Level Security policies, ensuring data integrity and security.
  • Authentication & Data Operations: Configures Supabase Auth with social providers and replaces mock API calls with real Supabase queries, providing full user management.
  • Use Case: After building a product management UI with mock data, use this skill to connect it to a Supabase backend. It will automatically create the products table, set up RLS, and integrate authentication, making your app fully functional with real data.

Quick Start

Use the backend-engineer skill to connect the current project to Supabase.

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 UI to a real Supabase database?

Connecting to Supabase involves creating a Supabase client, generating TypeScript types from your database schema, and replacing mock API calls with real Supabase queries. This Skill automates the entire process—from client setup through authentication and Row Level Security configuration—so your UI becomes data-driven with minimal manual work.

Can I migrate from mock API endpoints to live Supabase queries?

Yes. This Skill specializes in replacing mock API calls with real Supabase queries. It handles client configuration, environment variables, and type generation so your existing UI logic wires directly to live data without rewriting components.

How do I set up Row Level Security policies in Supabase?

Row Level Security (RLS) ensures users access only their own data. This Skill derives RLS policies automatically from your existing TypeScript types and configures them in Supabase, protecting data integrity without manual policy writing.

What's the best way to derive a database schema from TypeScript types?

Deriving schema from TypeScript types ensures your database structure matches your application code. This Skill automates that conversion, generating a PostgreSQL schema and TypeScript types bidirectionally so they stay synchronized.

Can I use Supabase authentication with social providers?

Yes. This Skill configures Supabase Auth including social provider integration, handling user management and session setup so you can add authentication to your UI without building auth from scratch.

Do I need PostgreSQL knowledge to use Supabase with my app?

No. This Skill handles PostgreSQL schema creation, RLS policy setup, and database configuration automatically. You provide your TypeScript types and existing mock data structure; the Skill generates and manages the backend.