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

•

Eコマースソリューション

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.

主な機能

Provides SVGR integration patterns for type-safe and reusable SVG assets
Implements axiosWrapper for automated camelCase/snake_case conversion
Enforces Redux Toolkit for centralized state management over local React state
1 GitHub stars
Standardizes Pre-Registration lookup flows and OAuth redirect patterns
Restricts Next.js API routes to lightweight proxies to preserve backend logic

ユースケース

Implementing platform-specific OAuth integrations for Shopify and BigCommerce
Developing merchant pre-registration lookups for onboarding workflows
Extending AppContext for shared application state across different e-commerce platforms

概要

主な機能

Provides SVGR integration patterns for type-safe and reusable SVG assets
Implements axiosWrapper for automated camelCase/snake_case conversion
Enforces Redux Toolkit for centralized state management over local React state
1 GitHub stars
Standardizes Pre-Registration lookup flows and OAuth redirect patterns
Restricts Next.js API routes to lightweight proxies to preserve backend logic

ユースケース

Implementing platform-specific OAuth integrations for Shopify and BigCommerce
Developing merchant pre-registration lookups for onboarding workflows
Extending AppContext for shared application state across different e-commerce platforms