How does it secure API endpoints?

It enforces the use of the withGateway() wrapper for all API handlers, which automatically applies authentication checks, rate limiting, and audit logging.

What products is this skill designed for?

It is optimized specifically for SalesInsight, InterviewInsight (Tauri + React), and associated web dashboard projects within the Harmonic Insight ecosystem.

Does this skill handle authentication?

Yes, it integrates with Firebase Client for authentication, utilizing the Firebase UID as the primary key across all systems.

Can I use standard CSS colors like blue?

No, the skill enforces a specific brand palette (Ivory & Gold) and explicitly prohibits the use of standard Blue (#2563EB) to maintain brand consistency.

React Insight Development Standard

Name: React Insight Development Standard
Author: HarmonicInsight

byHarmonicInsight

0•

デザインツール

Standardizes React and Next.js development with specialized brand themes, API gateway patterns, and license management components.

Harmonic Insight React is a specialized Claude Code skill designed to enforce development standards for SalesInsight and InterviewInsight products. It automates the implementation of brand-specific design systems using the Ivory and Gold color palette, configures Tailwind CSS according to project specifications, and ensures all API endpoints are secured via the mandatory withGateway pattern. By providing ready-to-use license screen templates and Firebase authentication integration, it streamlines the creation of enterprise-grade web dashboards and desktop applications while preventing non-compliant coding practices.

主な機能

01Mandatory API security with withGateway wrapper integration

02Built-in license management UI templates and logic

03Standardized project structure for Next.js and Tauri applications

04Automated Tailwind CSS and Ivory/Gold brand color configuration

05Proactive prevention of prohibited practices like un-audited logging

060 GitHub stars

ユースケース

01Setting up a consistent license management screen for Tauri-based desktop apps

02Building a new web dashboard for SalesInsight using standardized components

03Implementing secure API endpoints that require audit logging and rate limiting

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add harmonicinsight/cross-lib-insight-common react

For use in Claude.ai and ChatGPT

Download Skill