Why does this skill mandate Redux over React Query?

Per ADR-002, VioletConnect utilizes Redux Toolkit to provide centralized state management, enhanced debugging via DevTools, and specific persistence capabilities required for merchant onboarding.

What are the benefits of using the axiosWrapper?

The axiosWrapper provides automatic camelCase to snake_case conversion, standardized error handling, and consistent authentication header injection across all API requests.

How should I handle shared state like merchantId?

Shared application state, including appId, merchantId detection, and session state, should be handled through the provided AppContext rather than re-implementing local detection.

Can I include business logic in Next.js API routes?

No. According to ADR-008, API routes must remain lightweight proxies. Business logic should reside in the backend or within the client-side Redux thunks.

VioletConnect Architecture Patterns

Name: VioletConnect Architecture Patterns
Author: violetio

byvioletio

•

电子商务解决方案

Enforces mandatory architectural rules and implementation patterns for the VioletConnect merchant onboarding platform.

This skill codifies the essential architectural standards and development patterns required for building VioletConnect features. It provides Claude with specific guidance on implementing Redux Toolkit for state management, utilizing the custom axiosWrapper for automated casing conversion, and maintaining Next.js API routes as thin proxies. By adhering to these documented Architectural Decision Records (ADRs), developers can ensure codebase consistency and reliability across complex merchant onboarding flows for Shopify, BigCommerce, and WooCommerce.

主要功能

01Provides SVGR integration patterns for type-safe and reusable SVG assets

02Implements axiosWrapper for automated camelCase/snake_case conversion

03Enforces Redux Toolkit for centralized state management over local React state

041 GitHub stars

05Standardizes Pre-Registration lookup flows and OAuth redirect patterns

06Restricts Next.js API routes to lightweight proxies to preserve backend logic

使用场景

01Implementing platform-specific OAuth integrations for Shopify and BigCommerce

02Developing merchant pre-registration lookups for onboarding workflows

03Extending AppContext for shared application state across different e-commerce platforms

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add violetio/violet-ai-plugins violetconnect-patterns

For use in Claude.ai and ChatGPT

Download Skill