A universal React dashboard audit skill designed to detect hardcoded values, tier bypasses, stale components, and onboarding inconsistencies before production release.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install dashboard-pre-flight
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install dashboard-pre-flight using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is Pre-flight Dashboard Audit?
The pre-flight dashboard audit skill is a production-readiness tool designed for AI coding agents. It automates the comprehensive inspection of React applications to uncover hidden anomalies, unauthorized auth/tier bypasses, hardcoded staging configurations, and security-hardening issues. By deploying this skill within Openclaw Skills environments, developers can ensure that their codebase adheres to rigorous quality standards, avoiding common mistakes that can degrade user experience or compromise data security.
This framework checks for authentication provider coupling, local storage consistency, hardcoded pricing strings, and leftover development elements like setup wizards or debug lines. Utilizing structured shell patterns, it provides an automated mechanism to continuously evaluate and refine front-end applications, eliminating regressions across release cycles.
Pre-flight Dashboard Audit Use Cases
- Pre-deployment Verification: Executing an end-to-end codebase scan right before code freeze or production release.
- Subscription Policy Changes: Auditing application state and prop propagation after refactoring tier boundaries, user permissions, or payment gateways.
- UI and Onboarding Diagnostics: Investigating reported interface glitches or verifying new onboarding workflows against existing application state.
- Auth Provider Migrations: Ensuring flawless integration patterns immediately following a switch to new providers like Clerk, Auth0, or Firebase.
How Pre-flight Dashboard Audit Works
- Environment Definition: The agent initializes variables tracking source directories, auth targets, preference states, and anticipated pricing paradigms.
- Codebase Inspection: Automated grep routines iterate through source targets using predefined structural regex queries to intercept architectural logic leaks.
- Validation Against Checklists: The agent checks data against an 8-point criteria protocol targeting tier handling, credentials safety, and component decay.
- Log Mutation Tracking: Discovered discrepancies are recorded using a structured markdown schema table to plan necessary corrective actions.
- Post-Fix Validation: Simulated runtime tasks, environment configuration tests, and performance benchmarks ensure all changes work correctly without causing new problems.
Pre-flight Dashboard Audit Setup
Set the required context variables at the beginning of your audit execution cycle:
PROJECT_SRC="./src" # Source directory
AUTH_PROVIDER="clerk" # clerk, auth0, firebase, etc.
TIER_PROP="userTier" # Prop name for subscription tier
MODE_STORAGE_KEY="terminal_mode" # localStorage key for mode preference
API_CONSTANT="API_URL" # Constant exported from api client
PRICING_TIERS="free,pro,team" # Comma-separated tier names
AUDIT_RUNS=1 # Number of times to run full audit (1-5)
For legacy architectures, multi-tenant upgrades, or deep refactoring steps, configure AUDIT_RUNS=2 or higher to ensure subsequent iterations track zero active findings.
Pre-flight Dashboard Audit Data Schema & Taxonomy
The Openclaw Skills pre-flight agent tracks vulnerabilities, discrepancies, and architecture updates by organizing changes using a clear table schema:
Fix Resolution Tracking Schema
| Column Field | Data Context Type | Description Objective |
|---|---|---|
# |
Sequential Integer | Unique identification reference for tracking. |
Issue |
Technical Summary String | Description of the anomaly or security bypass discovered. |
Location |
File Path / Line Segment | Exact relative path location string mapping inside $PROJECT_SRC. |
Fix |
Structural Delta Change | The corrective code modification applied to eliminate the issue. |
Adaptation Profiles
- Vue/Svelte: Reconfigure search filters using
--include="*.vue"or--include="*.svelte"flags. - Next.js: Add both
pages/andapp/entry routing vectors to the inspection scan routes. - React Native: Insert specific structural patterns targeting platform-dependent elements.
Pre-flight Dashboard Audit Advanced Features
- Multi-Run Regression Tracking: Elevate
AUDIT_RUNSdynamically to monitor iterative fixes across legacy updates. - Framework Adaptation: Flexible file mapping supports Next.js routing paradigms, React Native platforms, Vue components, and Svelte single-file structures.
- Environment Decoupling: Enforces complete dependency separation between client-side rendering components and provider-specific metadata hooks.
- Automated Verification Protocols: Built-in validation steps cover local storage state persistence, sign-up onboarding flows, and cross-tier authorization enforcement.
SKILL.md
Loading
Related Openclaw Skills
Richard Nixon Biography & Leadership Toolkit
An executable strategic toolkit for AI agents to extract leadership, resilience, and cautionary lessons from the legendary rise and fall of Richard Nixon.
Task Planner
A personal task and schedule management assistant that interprets natural language to create, edit, recur, and export schedules and reminders.
Ten Women Who Changed Science and the World
An executable toolkit that leverages AI agents to extract powerful lessons, scientific discoveries, and resilience strategies from ten pioneering female scientists.
The Advice Trap AI Coaching Skill
An executable AI coaching toolkit based on Michael Bungay Stanier's book to help leaders tame their Advice Monster and build psychological safety.
Grill Gate
A runtime-level security plugin for OpenClaw that prevents AI agents from executing development tasks without completing a mandatory design review.
Power, Sex, Suicide: Mitochondrial Biology Toolkit
An executable knowledge agent that explains how mitochondria shape life, evolution, sex, aging, and cell death based on Nick Lane's pioneering book.
Featured*
