code-ai-installer 2.4.1 → 3.0.0

package/locales/en/.agents/skills/design-patterns-reference/agents/copilot.json

@@ -1,18 +0,0 @@
-{
-  "name": "design-patterns-reference",
-  "display_name": "Design Patterns Reference",
-  "description": "Design patterns reference with DO/DON'T examples — SOLID, DRY/KISS/YAGNI, GoF (Strategy, Observer, Factory, Adapter, Facade, Decorator, Command, State, Template Method), architectural (Repository, Service Layer, DI, Event-Driven, CQRS), microservices (Saga, Circuit Breaker). Language-agnostic pseudocode. Use when designing modules, reviewing architecture, or when asked \"which pattern to apply\".",
-  "default_prompt": "Use $design-patterns-reference when the task matches the \"Design Patterns Reference\" skill.",
-  "triggers": [
-    "design-patterns-reference",
-    "design patterns reference",
-    "Design patterns reference with DO/DON'T examples — SOLID, DRY/KISS/YAGNI, GoF (Strategy, Observer, Factory, Adapter, Facade, Decorator, Command, State, Template Method), architectural (Repository, Service Layer, DI, Event-Driven, CQRS), microservices (Saga, Circuit Breaker)"
-  ],
-  "capabilities": [
-    "design",
-    "patterns",
-    "reference"
-  ],
-  "tools": [],
-  "implicit_invocation": true
-}

package/locales/en/.agents/skills/design-patterns-reference/agents/gemini.json

@@ -1,18 +0,0 @@
-{
-  "name": "design-patterns-reference",
-  "display_name": "Design Patterns Reference",
-  "description": "Design patterns reference with DO/DON'T examples — SOLID, DRY/KISS/YAGNI, GoF (Strategy, Observer, Factory, Adapter, Facade, Decorator, Command, State, Template Method), architectural (Repository, Service Layer, DI, Event-Driven, CQRS), microservices (Saga, Circuit Breaker). Language-agnostic pseudocode. Use when designing modules, reviewing architecture, or when asked \"which pattern to apply\".",
-  "default_prompt": "Use $design-patterns-reference when the task matches the \"Design Patterns Reference\" skill.",
-  "triggers": [
-    "design-patterns-reference",
-    "design patterns reference",
-    "Design patterns reference with DO/DON'T examples — SOLID, DRY/KISS/YAGNI, GoF (Strategy, Observer, Factory, Adapter, Facade, Decorator, Command, State, Template Method), architectural (Repository, Service Layer, DI, Event-Driven, CQRS), microservices (Saga, Circuit Breaker)"
-  ],
-  "capabilities": [
-    "design",
-    "patterns",
-    "reference"
-  ],
-  "tools": [],
-  "implicit_invocation": true
-}

package/locales/en/.agents/skills/design-patterns-reference/agents/openai.yaml

@@ -1,8 +0,0 @@
-interface:
-  display_name: "Design Patterns Reference"
-  short_description: "Design patterns reference with DO/DON'T examples — SOLID, DRY/KISS/YAGNI, GoF (Strategy, Observ…"
-  default_prompt: "Use $design-patterns-reference when the task matches the \"Design Patterns Reference\" skill."
-dependencies:
-  tools: []
-policy:
-  allow_implicit_invocation: true

package/locales/en/.agents/skills/design-patterns-reference/agents/qwen.json

@@ -1,18 +0,0 @@
-{
-  "name": "design-patterns-reference",
-  "display_name": "Design Patterns Reference",
-  "description": "Design patterns reference with DO/DON'T examples — SOLID, DRY/KISS/YAGNI, GoF (Strategy, Observer, Factory, Adapter, Facade, Decorator, Command, State, Template Method), architectural (Repository, Service Layer, DI, Event-Driven, CQRS), microservices (Saga, Circuit Breaker). Language-agnostic pseudocode. Use when designing modules, reviewing architecture, or when asked \"which pattern to apply\".",
-  "default_prompt": "Use $design-patterns-reference when the task matches the \"Design Patterns Reference\" skill.",
-  "triggers": [
-    "design-patterns-reference",
-    "design patterns reference",
-    "Design patterns reference with DO/DON'T examples — SOLID, DRY/KISS/YAGNI, GoF (Strategy, Observer, Factory, Adapter, Facade, Decorator, Command, State, Template Method), architectural (Repository, Service Layer, DI, Event-Driven, CQRS), microservices (Saga, Circuit Breaker)"
-  ],
-  "capabilities": [
-    "design",
-    "patterns",
-    "reference"
-  ],
-  "tools": [],
-  "implicit_invocation": true
-}

package/locales/en/.agents/skills/design-patterns-reference/agents/skill.yaml

@@ -1,22 +0,0 @@
-version: 1
-name: "design-patterns-reference"
-display_name: "Design Patterns Reference"
-description: "Design patterns reference with DO/DON'T examples — SOLID, DRY/KISS/YAGNI, GoF (Strategy, Observer, Factory, Adapter, Facade, Decorator, Command, State, Template Method), architectural (Repository, Service Layer, DI, Event-Driven, CQRS), microservices (Saga, Circuit Breaker). Language-agnostic pseudocode. Use when designing modules, reviewing architecture, or when asked \"which pattern to apply\"."
-default_prompt: "Use $design-patterns-reference when the task matches the \"Design Patterns Reference\" skill."
-triggers:
-  - "design-patterns-reference"
-  - "design patterns reference"
-  - "Design patterns reference with DO/DON'T examples — SOLID, DRY/KISS/YAGNI, GoF (Strategy, Observer, Factory, Adapter, Facade, Decorator, Command, State, Template Method), architectural (Repository, Service Layer, DI, Event-Driven, CQRS), microservices (Saga, Circuit Breaker)"
-capabilities:
-  - "design"
-  - "patterns"
-  - "reference"
-tools: []
-invocation:
-  explicit: true
-  implicit: true
-localization:
-  default_locale: "en"
-  available_locales:
-    - "ru"
-    - "en"

package/locales/en/.agents/skills/design-systems/SKILL.md

@@ -1,432 +0,0 @@
----
-name: design-systems
-description: Design systems integration — shadcn/ui, Mantine, Wix Design System. Installation, theme customization, component composition, wrapper pattern, UI inventory, states mapping (loading/error/empty/disabled), responsive, a11y. Activate when connecting a design system, creating new components, or for questions "how to integrate X".
----
-
-# Skill: Design Systems Integration
-
-Specific design systems integration patterns: from choice to wrapper components.
-
-**Sections:**
-1. [Design system choice](#1-design-system-choice)
-2. [shadcn/ui: setup and customization](#2-shadcnui-setup-and-customization)
-3. [Wix Design System (WDS)](#3-wix-design-system)
-4. [Mantine](#4-mantine)
-5. [Wrapper Pattern](#5-wrapper-pattern)
-6. [UI Inventory](#6-ui-inventory)
-7. [Component states](#7-component-states)
-8. [Anti-patterns](#8-anti-patterns)
-
----
-
-## 1. Design system choice
-
-| Criterion | shadcn/ui | Mantine | WDS |
-|---------|-----------|---------|-----|
-| **Stack** | React + Tailwind + Radix | React | React + Wix |
-| **Customization** | Complete (copy-paste) | Via theme | Via CSS overrides |
-| **Bundle size** | Minimal (no dep) | ~50KB | Included in Wix |
-| **a11y** | Radix (excellent) | Good | Good |
-| **Dark mode** | CSS variables | Built-in theme | Limited |
-| **When** | New SPAs, full control needed | SPAs with rich UI | Wix ecosystem |
-| **When NOT** | No Tailwind in the project | Minimal bundle needed | Outside of Wix |
-
-> [!TIP]
-> **Simple rule:** Wix project → WDS. New SPA with Tailwind → shadcn/ui. Need many ready-made components → Mantine.
-
----
-
-## 2. shadcn/ui: setup and customization
-
-### Setup
-
-```bash
-# Initialization (Vite + React + Tailwind)
-npx shadcn@latest init
-
-# Adding components (copy-paste, not dependency)
-npx shadcn@latest add button dialog input toast
-```
-
-### ✅ DO: customization via CSS variables
-
-```css
-/* globals.css — shadcn/ui theme override */
-@layer base {
-  :root {
-    --background: 0 0% 100%;
-    --foreground: 222.2 84% 4.9%;
-    --primary: 220 90% 56%;
-    --primary-foreground: 210 40% 98%;
-    --secondary: 280 70% 50%;
-    --muted: 210 40% 96%;
-    --muted-foreground: 215.4 16.3% 46.9%;
-    --accent: 210 40% 96%;
-    --border: 214.3 31.8% 91.4%;
-    --radius: 0.5rem;
-  }
-
-  .dark {
-    --background: 222.2 84% 4.9%;
-    --foreground: 210 40% 98%;
-    --primary: 220 90% 65%;
-    /* ... */
-  }
-}
-```
-
-### ✅ DO: composition with shadcn/ui
-
-```jsx
-import { Button } from '@/components/ui/button';
-import { Input } from '@/components/ui/input';
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from '@/components/ui/dialog';
-
-/**
- * Coupon creation form in a modal window.
- * @param {{ onSubmit: (code: string) => void }} props
- */
-function CreateCouponDialog({ onSubmit }) {
-  const [code, setCode] = useState('');
-
-  return (
-    <Dialog>
-      <DialogTrigger asChild>
-        <Button>New Coupon</Button>
-      </DialogTrigger>
-      <DialogContent>
-        <DialogHeader>
-          <DialogTitle>Create Coupon</DialogTitle>
-        </DialogHeader>
-        <Input
-          placeholder="Coupon code"
-          value={code}
-          onChange={(e) => setCode(e.target.value)}
-        />
-        <Button onClick={() => onSubmit(code)}>Create</Button>
-      </DialogContent>
-    </Dialog>
-  );
-}
-```
-
-### File structure
-
-```
-src/
-├── components/
-│   ├── ui/                    # shadcn/ui components (auto-generated)
-│   │   ├── button.jsx
-│   │   ├── dialog.jsx
-│   │   └── input.jsx
-│   └── domain/                # Business components (composition)
-│       ├── CouponCard.jsx
-│       └── CreateCouponDialog.jsx
-├── lib/
-│   └── utils.js               # cn() helper (clsx + tailwind-merge)
-└── components.json            # shadcn/ui config
-```
-
----
-
-## 3. Wix Design System
-
-### ✅ DO: use WDS-components instead of custom ones
-
-```jsx
-import {
-  Card,
-  Text,
-  Button,
-  Input,
-  Loader,
-  EmptyState,
-  FormField,
-  ToggleSwitch,
-  ColorInput,
-  Tooltip,
-  Badge,
-} from '@wix/design-system';
-
-/**
- * Coupon card on WDS.
- * @param {{ coupon: Coupon, onDelete: (id: string) => void }} props
- */
-function CouponCard({ coupon, onDelete }) {
-  return (
-    <Card>
-      <Card.Header
-        title={coupon.code}
-        subtitle={`${coupon.discount}% discount`}
-        suffix={
-          <Badge skin={coupon.active ? 'success' : 'neutral'}>
-            {coupon.active ? 'Active' : 'Inactive'}
-          </Badge>
-        }
-      />
-      <Card.Divider />
-      <Card.Content>
-        <Text size="small" secondary>
-          Used {coupon.usageCount} times
-        </Text>
-      </Card.Content>
-      <Card.Divider />
-      <Card.Content>
-        <Button
-          size="small"
-          skin="destructive"
-          onClick={() => onDelete(coupon.id)}
-        >
-          Delete
-        </Button>
-      </Card.Content>
-    </Card>
-  );
-}
-```
-
-### ✅ DO: WDS FormField for forms
-
-```jsx
-function CouponForm({ onSave }) {
-  const [code, setCode] = useState('');
-  const [discount, setDiscount] = useState('');
-
-  return (
-    <form onSubmit={() => onSave({ code, discount: Number(discount) })}>
-      <FormField label="Coupon Code" required>
-        <Input value={code} onChange={(e) => setCode(e.target.value)} />
-      </FormField>
-
-      <FormField label="Discount (%)" required>
-        <Input
-          type="number"
-          min={1}
-          max={100}
-          value={discount}
-          onChange={(e) => setDiscount(e.target.value)}
-        />
-      </FormField>
-
-      <Button type="submit">Save</Button>
-    </form>
-  );
-}
-```
-
-### WDS Component Mapping (frequent components)
-
-| UI task | WDS component | Props |
-|-----------|-------------|-------|
-| Button | `Button` | `skin`, `size`, `priority`, `disabled` |
-| Text input | `Input` | `status`, `statusMessage`, `prefix`, `suffix` |
-| Forms | `FormField` + `Input` | `label`, `required`, `infoContent` |
-| Card | `Card` + subcomponents | `Card.Header`, `Card.Content`, `Card.Divider` |
-| Table | `Table` | columns, data, onRowClick |
-| Modal | `Modal` / `MessageBoxFunctionalLayout` | `title`, `primaryButtonText` |
-| Empty state | `EmptyState` | `title`, `subtitle`, `image` |
-| Loader | `Loader` | `size`, `text` |
-| Toggle | `ToggleSwitch` | `checked`, `onChange`, `size` |
-| Color | `ColorInput` | `value`, `onChange` |
-| Tooltip | `Tooltip` | `content`, `placement` |
-| Badge | `Badge` | `skin`, `size`, `type` |
-
----
-
-## 4. Mantine
-
-### Setup
-
-```bash
-npm install @mantine/core @mantine/hooks @mantine/form
-```
-
-### ✅ DO: Mantine theme
-
-```jsx
-// theme.js
-import { createTheme } from '@mantine/core';
-
-export const theme = createTheme({
-  primaryColor: 'blue',
-  fontFamily: 'Inter, sans-serif',
-  radius: { sm: '4px', md: '8px', lg: '12px' },
-  components: {
-    Button: {
-      defaultProps: { radius: 'md' },
-    },
-    Input: {
-      defaultProps: { radius: 'md' },
-    },
-  },
-});
-
-// App.jsx
-import { MantineProvider } from '@mantine/core';
-import { theme } from './theme';
-
-function App() {
-  return (
-    <MantineProvider theme={theme}>
-      <MyApp />
-    </MantineProvider>
-  );
-}
-```
-
----
-
-## 5. Wrapper Pattern
-
-### ✅ DO: wrappers for library components
-
-```jsx
-// components/AppButton.jsx
-import { Button as WDSButton } from '@wix/design-system';
-
-/**
- * Wrapper for WDS Button with project defaults.
- * Allows replacing WDS with another system without editing all code.
- * @param {Object} props - WDS Button props.
- * @param {React.ReactNode} props.children - Button text.
- * @param {'primary' | 'secondary' | 'destructive'} [props.variant='primary']
- */
-export function AppButton({ variant = 'primary', children, ...rest }) {
-  const skinMap = {
-    primary: 'standard',
-    secondary: 'light',
-    destructive: 'destructive',
-  };
-
-  return (
-    <WDSButton skin={skinMap[variant]} {...rest}>
-      {children}
-    </WDSButton>
-  );
-}
-```
-
-### Why a wrapper?
-
-| Reason | Explanation |
-|---------|------------|
-| **Migration** | Replacing WDS → shadcn/ui in one file, not in 50 |
-| **Consistency** | Project defaults (size, skin) in one place |
-| **API simplification** | Hide unnecessary props from domain components |
-| **Testability** | Mock one wrapper, not the entire DDS |
-
-> [!WARNING]
-> Wrapper ≠ copying 100% of the library API. Wrapper is a thin layer with project defaults. If the wrapper duplicates 80%+ of props — it is useless.
-
----
-
-## 6. UI Inventory
-
-### ✅ DO: table of all used components
-
-```markdown
-# UI Inventory
-
-| Component | DDS Source | Variants | Used in |
-|-----------|-----------|---------|----------------|
-| Button | WDS `Button` | primary, secondary, destructive, icon-only | All forms, toolbar |
-| Input | WDS `Input` | text, number, search, password | Forms |
-| Card | WDS `Card` | with header, with divider | Coupons, Templates |
-| EmptyState | WDS `EmptyState` | with image, with action | Lists |
-| Loader | WDS `Loader` | inline, fullscreen | Async operations |
-| ColorPicker | WDS `ColorInput` | single color | Widget config |
-| Modal | WDS `Modal` | confirm, form | Delete confirm, create |
-| Badge | WDS `Badge` | success, warning, neutral | Status indicators |
-| Table | Custom (WDS) | sortable, selectable | Coupons list |
-| Toast | WDS `Notification` | success, error, info | After actions |
-```
-
-> [!TIP]
-> The UI Inventory is created at the UX gate and updated at the DEV gate. Each new component → first add to inventory.
-
----
-
-## 7. Component states
-
-### ✅ DO: every component supports 5 states
-
-```jsx
-/**
- * Universal list supporting all states.
- * @param {Object} props
- * @param {any[]} props.items - data.
- * @param {boolean} props.isLoading - loading.
- * @param {string|null} props.error - error.
- * @param {(item: any) => JSX.Element} props.renderItem - item render.
- * @param {{ title: string, action?: JSX.Element }} props.emptyState - empty state config.
- */
-function DataList({ items, isLoading, error, renderItem, emptyState }) {
-  // Loading
-  if (isLoading) return <Loader size="medium" />;
-
-  // Error
-  if (error) return <ErrorState message={error} onRetry={onRetry} />;
-
-  // Empty
-  if (!items?.length) {
-    return (
-      <EmptyState
-        title={emptyState.title}
-        subtitle="Try adjusting your filters"
-        image={<EmptyStateImage />}
-      >
-        {emptyState.action}
-      </EmptyState>
-    );
-  }
-
-  // Data (happy path)
-  return <ul>{items.map(renderItem)}</ul>;
-}
-```
-
-### States checklist
-
-| State | Required? | What to show |
-|-----------|-------------|---------------|
-| **Loading** | ✅ Always | Skeleton / Spinner / Progress |
-| **Error** | ✅ Always | Message + Retry action |
-| **Empty** | ✅ Always | Illustration + Message + Action |
-| **Data** | ✅ Always | Main content |
-| **Disabled** | ⚠️ If interactive | Visual indication + cursor |
-| **Partial error** | ⚠️ If applicable | Inline error on specific items |
-
----
-
-## 8. Anti-patterns
-
-| ❌ Anti-pattern | ✅ Solution |
-|----------------|-----------|
-| Mixing multiple DDS in the project | One DDS + wrappers |
-| Custom button next to DDS Button | Use DDS, customize via theme |
-| Override DDS styles via `!important` | Wrapper + props + CSS variables |
-| No empty/loading/error state | 5 states checklist for every component |
-| DDS components directly in domain code | Wrapper pattern for portability |
-| "My own DatePicker" when it's in DDS | Always check the DDS catalog first |
-| Styling via className override | Props-first (skin, variant, size) |
-
----
-
-## Definition of Done (DDS integration)
-
-- [ ] DDS selected and justified
-- [ ] Theme/tokens customized
-- [ ] UI Inventory created
-- [ ] Wrappers for key components
-- [ ] All components support loading/error/empty/disabled
-- [ ] Dark mode (if required)
-- [ ] a11y: focus management, screen reader labels
-
----
-
-## See also
-- `$ui-inventory` — full UI inventory format
-- `$styling-css-stack` — CSS tokens and naming
-- `$ux-spec` — UX specification (defines states)
-- `$a11y-baseline` — accessibility checklist
-- `$design-parity-review` — comparison of implementation with design

package/locales/en/.agents/skills/design-systems/agents/claude.json

@@ -1,18 +0,0 @@
-{
-  "name": "design-systems",
-  "display_name": "Design Systems Integration",
-  "description": "Design systems integration — shadcn/ui, Mantine, Wix Design System. Installation, theme customization, component composition, wrapper pattern, UI inventory, states mapping (loading/error/empty/disabled), responsive, a11y. Activate when connecting a design system, creating new components, or for questions \"how to integrate X\".",
-  "default_prompt": "Use $design-systems when the task matches the \"Design Systems Integration\" skill.",
-  "triggers": [
-    "design-systems",
-    "design systems",
-    "Design Systems Integration",
-    "Design systems integration — shadcn/ui, Mantine, Wix Design System"
-  ],
-  "capabilities": [
-    "design",
-    "systems"
-  ],
-  "tools": [],
-  "implicit_invocation": true
-}

package/locales/en/.agents/skills/design-systems/agents/copilot.json

@@ -1,18 +0,0 @@
-{
-  "name": "design-systems",
-  "display_name": "Design Systems Integration",
-  "description": "Design systems integration — shadcn/ui, Mantine, Wix Design System. Installation, theme customization, component composition, wrapper pattern, UI inventory, states mapping (loading/error/empty/disabled), responsive, a11y. Activate when connecting a design system, creating new components, or for questions \"how to integrate X\".",
-  "default_prompt": "Use $design-systems when the task matches the \"Design Systems Integration\" skill.",
-  "triggers": [
-    "design-systems",
-    "design systems",
-    "Design Systems Integration",
-    "Design systems integration — shadcn/ui, Mantine, Wix Design System"
-  ],
-  "capabilities": [
-    "design",
-    "systems"
-  ],
-  "tools": [],
-  "implicit_invocation": true
-}

package/locales/en/.agents/skills/design-systems/agents/gemini.json

@@ -1,18 +0,0 @@
-{
-  "name": "design-systems",
-  "display_name": "Design Systems Integration",
-  "description": "Design systems integration — shadcn/ui, Mantine, Wix Design System. Installation, theme customization, component composition, wrapper pattern, UI inventory, states mapping (loading/error/empty/disabled), responsive, a11y. Activate when connecting a design system, creating new components, or for questions \"how to integrate X\".",
-  "default_prompt": "Use $design-systems when the task matches the \"Design Systems Integration\" skill.",
-  "triggers": [
-    "design-systems",
-    "design systems",
-    "Design Systems Integration",
-    "Design systems integration — shadcn/ui, Mantine, Wix Design System"
-  ],
-  "capabilities": [
-    "design",
-    "systems"
-  ],
-  "tools": [],
-  "implicit_invocation": true
-}

package/locales/en/.agents/skills/design-systems/agents/openai.yaml

@@ -1,8 +0,0 @@
-interface:
-  display_name: "Design Systems Integration"
-  short_description: "Design systems integration — shadcn/ui, Mantine, Wix Design System. Installation, theme customi…"
-  default_prompt: "Use $design-systems when the task matches the \"Design Systems Integration\" skill."
-dependencies:
-  tools: []
-policy:
-  allow_implicit_invocation: true

package/locales/en/.agents/skills/design-systems/agents/qwen.json

@@ -1,18 +0,0 @@
-{
-  "name": "design-systems",
-  "display_name": "Design Systems Integration",
-  "description": "Design systems integration — shadcn/ui, Mantine, Wix Design System. Installation, theme customization, component composition, wrapper pattern, UI inventory, states mapping (loading/error/empty/disabled), responsive, a11y. Activate when connecting a design system, creating new components, or for questions \"how to integrate X\".",
-  "default_prompt": "Use $design-systems when the task matches the \"Design Systems Integration\" skill.",
-  "triggers": [
-    "design-systems",
-    "design systems",
-    "Design Systems Integration",
-    "Design systems integration — shadcn/ui, Mantine, Wix Design System"
-  ],
-  "capabilities": [
-    "design",
-    "systems"
-  ],
-  "tools": [],
-  "implicit_invocation": true
-}

package/locales/en/.agents/skills/design-systems/agents/skill.yaml

@@ -1,22 +0,0 @@
-version: 1
-name: "design-systems"
-display_name: "Design Systems Integration"
-description: "Design systems integration — shadcn/ui, Mantine, Wix Design System. Installation, theme customization, component composition, wrapper pattern, UI inventory, states mapping (loading/error/empty/disabled), responsive, a11y. Activate when connecting a design system, creating new components, or for questions \"how to integrate X\"."
-default_prompt: "Use $design-systems when the task matches the \"Design Systems Integration\" skill."
-triggers:
-  - "design-systems"
-  - "design systems"
-  - "Design Systems Integration"
-  - "Design systems integration — shadcn/ui, Mantine, Wix Design System"
-capabilities:
-  - "design"
-  - "systems"
-tools: []
-invocation:
-  explicit: true
-  implicit: true
-localization:
-  default_locale: "en"
-  available_locales:
-    - "ru"
-    - "en"