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開発

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

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.

主な機能

01Standardizes API requests using the mandatory axiosWrapper pattern

02Enforces strict Redux reducer structures using withClearableState wrappers

031 GitHub stars

04Generates boilerplate for Next.js API routes using nextConnectConfiguration

05Handles automatic camelCase to snake_case conversions for backend communication

06Implements createAppAsyncThunk with automated snackbar notifications

ユースケース

01Integrating new API endpoints with proper proxy and authentication handling

02Developing new features for the Violet Merchant or Channel dashboards

03Refactoring legacy components to follow Redux Toolkit and Next.js 12 standards

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add violetio/violet-ai-plugins violet-dashboard

For use in Claude.ai and ChatGPT

Download Skill