skills.rest
canyouseeus
canyouseeusCOMMUNITY
Explore all skills by this author →
GitHub

admin-ops

Maintain a live Supabase-backed admin dashboard with Noir styling.

Updated Nov 9, 2025
Search Tags:#supabase#data-integrity#admin-dashboard#live-data#ui-automation#bento-grid#noir-design
One-click install
npx skills add https://github.com/canyouseeus/thelostandunfounds --skill admin-ops
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: admin-ops
Source: https://github.com/canyouseeus/thelostandunfounds/tree/main/.agent/skills/admin-ops
Command: npx skills add https://github.com/canyouseeus/thelostandunfounds --skill admin-ops

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill ensures live admin dashboard data integrity and consistent Noir design by replacing placeholders with real data sources and enforcing a rigid UI system.

Core Features & Use Cases

  • Data integrity & live feeds: fetch data from Supabase, enforce auto-refresh (default 30s), and provide safe fallbacks when tables are missing or empty.
  • Noir UI & alignment: enforce a pure black background (#000000), white borders, no border radii, uppercase headers, and Bento-grid layouts for responsive admin views.
  • Management modules: surface actionable user metrics (tier, status, subdomain), monitor blog submissions, track product inventory and subscription revenue, and monitor outreach status.

Quick Start

Configure the Admin Dashboard to use live Supabase data and apply Noir styling to the /admin section.

Frequently Asked Questions about admin-ops

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

FAQPage Schema
How do I build a live admin dashboard with Supabase data and auto-refresh?▼

To build a live admin dashboard with Supabase, fetch real-time data and enforce an auto-refresh interval every 30 seconds. This ensures live data integrity by replacing static placeholders with dynamic database queries across all management modules.

What is Noir design for admin dashboards and how does it affect UI consistency?▼

Noir design for admin dashboards is a strict UI system enforcing a pure black background, white borders, no border radii, and uppercase headers. It ensures UI consistency by applying rigid aesthetic rules alongside a Bento grid layout for responsive views.

Can I use Supabase fallback strategies when admin dashboard tables are empty?▼

Yes, you can implement safe fallbacks when Supabase tables are missing or empty. The dashboard applies live validation and fallback strategies to maintain data integrity, ensuring the admin UI remains functional even without live database content.

How do I monitor user metrics and product inventory in a live admin dashboard?▼

You monitor user metrics and product inventory by surfacing actionable data like user tier, status, subdomain, and product inventory through management modules. These modules fetch live Supabase data to track blog submissions, subscription revenue, and outreach status.

Does Bento grid layout work for responsive admin views with strict Noir aesthetics?▼

Yes, Bento grid layouts work for responsive admin views with strict Noir aesthetics. The grid organizes management modules effectively while enforcing pure black backgrounds, white borders, no border radii, and uppercase headers for consistent UI alignment.

What is the best way to replace static placeholders with live data in an admin dashboard?▼

The best way to replace static placeholders with live data is by implementing Supabase-backed data fetching with auto-refresh. This approach enforces live data integrity, applies safe fallbacks for empty tables, and maintains UI consistency through strict Noir design principles.

Related Skills

Explore More Software Engineering Skills→
HarriesHarries
1

design-export-db

Export MySQL table structures and DDL via MCP queries.

Community
Advanced
JaviMontanoJaviMontano

admin-dashboard-operator

Validate and repair the local Claude Desktop admin dashboard with dashboard-doctor.sh.

Community
Intermediate
aaltaayaaltaay

minimalist-ui

Define editorial UI design systems with warm monochrome palettes and typographic hierarchies.

Community
Advanced
bowiemaxbowiemax

metrics-dashboard

Define product metrics dashboards with KPIs, data sources, and alert thresholds.

Community
Intermediate