Does this skill support both client-side and server-side API calls?

Yes, it provides logic for both VIOLET_PROXY_API (client-side through Next.js routes) and VIOLET_API (direct server-to-backend calls).

Why should I use this skill for Redux development?

The skill enforces the project's mandatory use of createAppAsyncThunk and createReducer patterns, ensuring consistent state management and automatic notification handling.

What is the purpose of the axiosWrapper in VioletDashboard?

The axiosWrapper is a mandatory utility that provides automatic camelCase/snake_case conversion, standardized error handling, and authentication injection for all HTTP requests.

Can I use standard fetch or vanilla axios with this skill?

No, the skill is designed to prevent the use of vanilla axios or fetch, enforcing the project's requirement for the custom axiosWrapper to maintain system-wide consistency.

VioletDashboard Development Standards

Name: VioletDashboard Development Standards
Author: violetio

byvioletio

•

API Development

Enforces mandatory Next.js and Redux coding patterns for the VioletDashboard ecosystem to ensure architectural consistency.

About

VioletDashboard is a specialized Claude Code skill designed to guide developers through the specific architectural requirements of the Violet Channel and Merchant dashboards. It automates the implementation of mandatory patterns, including the custom axiosWrapper for API calls, standardized Redux Thunk logic for state management, and strict Next.js API route configurations. By adhering to these domain-specific conventions, the skill helps maintain a robust, type-safe codebase while streamlining common development tasks like subdomain routing and automated case conversion for backend compatibility.

Key Features

Standardizes API requests using the mandatory axiosWrapper pattern
Enforces strict Redux reducer structures using withClearableState wrappers
1 GitHub stars
Generates boilerplate for Next.js API routes using nextConnectConfiguration
Handles automatic camelCase to snake_case conversions for backend communication
Implements createAppAsyncThunk with automated snackbar notifications

Use Cases

Integrating new API endpoints with proper proxy and authentication handling
Developing new features for the Violet Merchant or Channel dashboards
Refactoring legacy components to follow Redux Toolkit and Next.js 12 standards

About

Key Features

Standardizes API requests using the mandatory axiosWrapper pattern
Enforces strict Redux reducer structures using withClearableState wrappers
1 GitHub stars
Generates boilerplate for Next.js API routes using nextConnectConfiguration
Handles automatic camelCase to snake_case conversions for backend communication
Implements createAppAsyncThunk with automated snackbar notifications

Use Cases

Integrating new API endpoints with proper proxy and authentication handling
Developing new features for the Violet Merchant or Channel dashboards
Refactoring legacy components to follow Redux Toolkit and Next.js 12 standards