@the-bearded-bear/claude-craft 3.0.0

package/Dev/i18n/en/Common/commands/sprint-retro.md

@@ -0,0 +1,329 @@
+---
+description: Retrospective Facilitation
+argument-hint: [arguments]
+---
+
+# Retrospective Facilitation
+
+You are an experienced Scrum Master. You must facilitate a productive retrospective using different formats and generating concrete actions.
+
+## Arguments
+$ARGUMENTS
+
+Arguments:
+- Sprint number
+- (Optional) Retro format (starfish, 4L, sailboat, start-stop-continue)
+
+Example: `/common:sprint-retro 5 starfish`
+
+## MISSION
+
+### Fundamental Directive (Mandatory Reminder)
+
+> "Regardless of what we discover, we understand and truly believe
+> that everyone did the best they could, given what they knew
+> at the time, their skills and abilities, the resources available,
+> and the situation."
+> — Norman Kerth
+
+### Step 1: Choose the Format
+
+#### Format: Starfish ⭐
+
+```
+══════════════════════════════════════════════════════════════
+⭐ STARFISH RETROSPECTIVE - Sprint {N}
+══════════════════════════════════════════════════════════════
+
+              🟢 Continue
+                   │
+    ⬆️ More of ────┼──── 🟡 Start
+                   │
+    ⬇️ Less of ───┴──── 🔴 Stop
+
+──────────────────────────────────────────────────────────────
+🟢 CONTINUE (what works well)
+──────────────────────────────────────────────────────────────
+-
+-
+-
+
+──────────────────────────────────────────────────────────────
+🟡 START (new ideas to try)
+──────────────────────────────────────────────────────────────
+-
+-
+-
+
+──────────────────────────────────────────────────────────────
+🔴 STOP (what doesn't work)
+──────────────────────────────────────────────────────────────
+-
+-
+-
+
+──────────────────────────────────────────────────────────────
+⬆️ MORE OF (intensify what works)
+──────────────────────────────────────────────────────────────
+-
+-
+-
+
+──────────────────────────────────────────────────────────────
+⬇️ LESS OF (reduce without stopping)
+──────────────────────────────────────────────────────────────
+-
+-
+-
+```
+
+#### Format: 4L (Liked, Learned, Lacked, Longed for)
+
+```
+══════════════════════════════════════════════════════════════
+💡 4L RETROSPECTIVE - Sprint {N}
+══════════════════════════════════════════════════════════════
+
+──────────────────────────────────────────────────────────────
+❤️ LIKED (What I liked)
+──────────────────────────────────────────────────────────────
+-
+-
+
+──────────────────────────────────────────────────────────────
+📚 LEARNED (What I learned)
+──────────────────────────────────────────────────────────────
+-
+-
+
+──────────────────────────────────────────────────────────────
+❌ LACKED (What was lacking)
+──────────────────────────────────────────────────────────────
+-
+-
+
+──────────────────────────────────────────────────────────────
+🌟 LONGED FOR (What I longed for)
+──────────────────────────────────────────────────────────────
+-
+-
+```
+
+#### Format: Sailboat ⛵
+
+```
+══════════════════════════════════════════════════════════════
+⛵ SAILBOAT RETROSPECTIVE - Sprint {N}
+══════════════════════════════════════════════════════════════
+
+                    🏝️ Island (Goal)
+                         │
+    💨 Wind ─────────────┼───────────── ⚓ Anchor
+    (What pushes        │              (What slows
+     us)                │               us down)
+                        │
+                   🪨 Reefs
+              (Risks to avoid)
+
+──────────────────────────────────────────────────────────────
+🏝️ ISLAND - Our destination (next sprint goals)
+──────────────────────────────────────────────────────────────
+-
+-
+
+──────────────────────────────────────────────────────────────
+💨 WIND - What pushes us toward the goal
+──────────────────────────────────────────────────────────────
+-
+-
+
+──────────────────────────────────────────────────────────────
+⚓ ANCHOR - What slows us down
+──────────────────────────────────────────────────────────────
+-
+-
+
+──────────────────────────────────────────────────────────────
+🪨 REEFS - Risks to avoid
+──────────────────────────────────────────────────────────────
+-
+-
+```
+
+### Step 2: Retrospective Agenda
+
+```
+══════════════════════════════════════════════════════════════
+📅 RETROSPECTIVE AGENDA
+══════════════════════════════════════════════════════════════
+
+Total duration: 1h30
+
+00:00 - 00:05 | Check-in
+               - Reminder of fundamental directive
+               - "How are you arriving?" (emoji/word)
+
+00:05 - 00:10 | Sprint Recap
+               - Sprint Goal
+               - Key metrics
+               - Notable events
+
+00:10 - 00:30 | Individual Collection
+               - Everyone writes observations
+               - Silent, post-its (physical or virtual)
+
+00:30 - 00:50 | Sharing & Clustering
+               - Round table
+               - Grouping by themes
+               - Clarification (no debate)
+
+00:50 - 01:10 | Prioritization & Discussion
+               - Vote (dot voting)
+               - Discussion on top 3
+               - Root cause analysis if needed
+
+01:10 - 01:25 | Actions
+               - Define 1-3 SMART actions
+               - Assign owner
+               - Define Definition of Done
+
+01:25 - 01:30 | Check-out
+               - "What do you take from this retro?"
+               - ROTI (Return On Time Invested)
+```
+
+### Step 3: Generate Actions
+
+```
+══════════════════════════════════════════════════════════════
+🎯 ACTIONS SPRINT {N+1}
+══════════════════════════════════════════════════════════════
+
+## Action 1: {Title}
+
+| Attribute | Value |
+|----------|--------|
+| Description | {Clear description} |
+| Owner | @member |
+| Deadline | {Date or "Sprint N+1"} |
+| DoD | {Measurable success criteria} |
+| Priority | High / Medium / Low |
+
+## Action 2: {Title}
+
+| Attribute | Value |
+|----------|--------|
+| Description | {Clear description} |
+| Owner | @member |
+| Deadline | {Date or "Sprint N+1"} |
+| DoD | {Measurable success criteria} |
+| Priority | High / Medium / Low |
+
+## Previous Actions Follow-up
+
+| Sprint | Action | Owner | Status |
+|--------|--------|-------------|--------|
+| S-2 | {Action 1} | @member | ✅ Done |
+| S-1 | {Action 2} | @member | ⚠️ In progress |
+| S-1 | {Action 3} | @member | ❌ Not done |
+
+──────────────────────────────────────────────────────────────
+📊 ROTI (Return On Time Invested)
+──────────────────────────────────────────────────────────────
+
+1 = Waste of time
+5 = Excellent return on investment
+
+| Member | Score | Comment |
+|--------|-------|-------------|
+| Dev 1  | 4     | {optional} |
+| Dev 2  | 5     |             |
+| Dev 3  | 3     | "A bit long"|
+
+Average: 4.0/5
+```
+
+### Step 4: sprint-retro.md Template
+
+```markdown
+# Retrospective - Sprint {N}
+
+## Information
+
+| Attribute | Value |
+|----------|--------|
+| Date | {YYYY-MM-DD} |
+| Format | Starfish / 4L / Sailboat |
+| Facilitator | {Name} |
+| Participants | {Number} |
+
+## Fundamental Directive
+
+> "Regardless of what we discover, we understand and truly believe
+> that everyone did the best they could..."
+
+## Check-in
+
+| Member | Mood |
+|--------|------|
+| @dev1 | 😊 |
+| @dev2 | 😐 |
+
+## Observations
+
+[Paste chosen format with collected observations]
+
+## Identified Themes
+
+### Theme 1: {Communication}
+Votes: ●●●●●
+- Observation 1
+- Observation 2
+
+### Theme 2: {Process}
+Votes: ●●●
+- Observation 1
+
+## Discussion
+
+### Theme 1 Analysis
+
+**Problem**: {Description}
+
+**5 Whys**:
+1. Why? → {Answer}
+2. Why? → {Answer}
+3. Why? → {Root cause}
+
+**Proposed Solution**: {Solution}
+
+## Actions
+
+### Action 1: {Improve communication}
+- **Owner**: @dev1
+- **Deadline**: Sprint {N+1}
+- **DoD**: Daily max 15 min, parking lot used
+- **Status**: 🔵 To do
+
+## Check-out
+
+Average ROTI: {X}/5
+
+Verbatims:
+- "{What I take away...}"
+- "{What I take away...}"
+```
+
+## Recommended Tools
+
+### Virtual
+- Miro / FigJam (visual boards)
+- Retrium (dedicated retros)
+- EasyRetro
+- Metro Retro
+
+### Alternative Formats
+- Mad/Sad/Glad
+- What Went Well / What Didn't / Ideas
+- Speed Car (engine, parachute, abyss)
+- Hot Air Balloon

package/Dev/i18n/en/Common/commands/ui-design-tokens.md

@@ -0,0 +1,282 @@
+---
+description: Design Tokens Definition
+argument-hint: [arguments]
+---
+
+# Design Tokens Definition
+
+You are a Lead UI Designer. You must define design tokens for a coherent and maintainable design system.
+
+## Arguments
+$ARGUMENTS
+
+Arguments:
+- Type of tokens to define: colors, typography, spacing, shadows, all
+- (Optional) Base primary color: #HEXCODE
+- (Optional) Mode: light, dark, both
+
+Example: `/common:ui-design-tokens all #3B82F6 both`
+
+## MISSION
+
+### Step 1: Analyze context
+
+- Frontend stack (React, Vue, Tailwind, CSS vars...)
+- Existing design system?
+- Brand guidelines provided?
+
+### Step 2: Define tokens
+
+```
+══════════════════════════════════════════════════════════════
+🎨 DESIGN TOKENS
+══════════════════════════════════════════════════════════════
+
+Project: {name}
+Date: {date}
+Format: CSS Custom Properties
+
+──────────────────────────────────────────────────────────────
+🎨 COLORS
+──────────────────────────────────────────────────────────────
+
+### Semantic Palette
+
+#### Primary (Main action)
+| Token | Light | Dark | Usage |
+|-------|-------|------|-------|
+| --color-primary-50 | #eff6ff | #1e3a5f | Subtle background |
+| --color-primary-100 | #dbeafe | #1e40af | Background |
+| --color-primary-200 | #bfdbfe | #1d4ed8 | Border |
+| --color-primary-300 | #93c5fd | #2563eb | Border hover |
+| --color-primary-400 | #60a5fa | #3b82f6 | Icon |
+| --color-primary-500 | #3b82f6 | #60a5fa | Text |
+| --color-primary-600 | #2563eb | #93c5fd | Text hover |
+| --color-primary-700 | #1d4ed8 | #bfdbfe | - |
+| --color-primary-800 | #1e40af | #dbeafe | - |
+| --color-primary-900 | #1e3a5f | #eff6ff | - |
+
+#### Success
+| Token | Light | Dark |
+|-------|-------|------|
+| --color-success-50 | #f0fdf4 | #14532d |
+| --color-success-500 | #22c55e | #4ade80 |
+| --color-success-700 | #15803d | #86efac |
+
+#### Warning
+| Token | Light | Dark |
+|-------|-------|------|
+| --color-warning-50 | #fffbeb | #78350f |
+| --color-warning-500 | #f59e0b | #fbbf24 |
+| --color-warning-700 | #b45309 | #fcd34d |
+
+#### Error
+| Token | Light | Dark |
+|-------|-------|------|
+| --color-error-50 | #fef2f2 | #7f1d1d |
+| --color-error-500 | #ef4444 | #f87171 |
+| --color-error-700 | #b91c1c | #fca5a5 |
+
+#### Neutral (Text, Backgrounds)
+| Token | Light | Dark | Usage |
+|-------|-------|------|-------|
+| --color-neutral-0 | #ffffff | #0a0a0a | Background |
+| --color-neutral-50 | #fafafa | #171717 | Subtle background |
+| --color-neutral-100 | #f5f5f5 | #262626 | Muted background |
+| --color-neutral-200 | #e5e5e5 | #404040 | Border |
+| --color-neutral-300 | #d4d4d4 | #525252 | Border hover |
+| --color-neutral-400 | #a3a3a3 | #737373 | Placeholder |
+| --color-neutral-500 | #737373 | #a3a3a3 | Muted text |
+| --color-neutral-600 | #525252 | #d4d4d4 | Secondary text |
+| --color-neutral-700 | #404040 | #e5e5e5 | Primary text |
+| --color-neutral-800 | #262626 | #f5f5f5 | Emphasis text |
+| --color-neutral-900 | #171717 | #fafafa | Strong text |
+
+### Alias Tokens (Semantic)
+```css
+/* Backgrounds */
+--color-bg-primary: var(--color-neutral-0);
+--color-bg-secondary: var(--color-neutral-50);
+--color-bg-tertiary: var(--color-neutral-100);
+--color-bg-inverse: var(--color-neutral-900);
+
+/* Text */
+--color-text-primary: var(--color-neutral-900);
+--color-text-secondary: var(--color-neutral-600);
+--color-text-muted: var(--color-neutral-500);
+--color-text-inverse: var(--color-neutral-0);
+
+/* Borders */
+--color-border-default: var(--color-neutral-200);
+--color-border-hover: var(--color-neutral-300);
+--color-border-focus: var(--color-primary-500);
+
+/* States */
+--color-state-focus: var(--color-primary-500);
+--color-state-error: var(--color-error-500);
+--color-state-success: var(--color-success-500);
+--color-state-warning: var(--color-warning-500);
+```
+
+──────────────────────────────────────────────────────────────
+📝 TYPOGRAPHY
+──────────────────────────────────────────────────────────────
+
+### Families
+```css
+--font-family-sans: 'Inter', system-ui, -apple-system, sans-serif;
+--font-family-mono: 'JetBrains Mono', 'Fira Code', monospace;
+```
+
+### Sizes (base 16px)
+| Token | Size | Line Height | Usage |
+|-------|------|-------------|-------|
+| --font-size-xs | 0.75rem (12px) | 1rem | Labels, badges |
+| --font-size-sm | 0.875rem (14px) | 1.25rem | Small body |
+| --font-size-base | 1rem (16px) | 1.5rem | Body |
+| --font-size-lg | 1.125rem (18px) | 1.75rem | Lead text |
+| --font-size-xl | 1.25rem (20px) | 1.75rem | H4 |
+| --font-size-2xl | 1.5rem (24px) | 2rem | H3 |
+| --font-size-3xl | 1.875rem (30px) | 2.25rem | H2 |
+| --font-size-4xl | 2.25rem (36px) | 2.5rem | H1 |
+| --font-size-5xl | 3rem (48px) | 1 | Display |
+
+### Weights
+| Token | Value | Usage |
+|-------|-------|-------|
+| --font-weight-normal | 400 | Body |
+| --font-weight-medium | 500 | Labels, nav |
+| --font-weight-semibold | 600 | Subheadings |
+| --font-weight-bold | 700 | Headings |
+
+### Line Heights
+```css
+--line-height-none: 1;
+--line-height-tight: 1.25;
+--line-height-snug: 1.375;
+--line-height-normal: 1.5;
+--line-height-relaxed: 1.625;
+--line-height-loose: 2;
+```
+
+### Letter Spacing
+```css
+--letter-spacing-tighter: -0.05em;
+--letter-spacing-tight: -0.025em;
+--letter-spacing-normal: 0;
+--letter-spacing-wide: 0.025em;
+--letter-spacing-wider: 0.05em;
+```
+
+──────────────────────────────────────────────────────────────
+📐 SPACING
+──────────────────────────────────────────────────────────────
+
+### Scale (base 4px)
+| Token | Value | Pixels | Usage |
+|-------|-------|--------|-------|
+| --spacing-0 | 0 | 0px | - |
+| --spacing-px | 1px | 1px | Borders |
+| --spacing-0.5 | 0.125rem | 2px | Tight |
+| --spacing-1 | 0.25rem | 4px | XS |
+| --spacing-1.5 | 0.375rem | 6px | - |
+| --spacing-2 | 0.5rem | 8px | S |
+| --spacing-2.5 | 0.625rem | 10px | - |
+| --spacing-3 | 0.75rem | 12px | - |
+| --spacing-4 | 1rem | 16px | M (base) |
+| --spacing-5 | 1.25rem | 20px | - |
+| --spacing-6 | 1.5rem | 24px | L |
+| --spacing-8 | 2rem | 32px | XL |
+| --spacing-10 | 2.5rem | 40px | - |
+| --spacing-12 | 3rem | 48px | 2XL |
+| --spacing-16 | 4rem | 64px | 3XL |
+| --spacing-20 | 5rem | 80px | - |
+| --spacing-24 | 6rem | 96px | 4XL |
+
+──────────────────────────────────────────────────────────────
+🌗 SHADOWS
+──────────────────────────────────────────────────────────────
+
+| Token | Value | Usage |
+|-------|-------|-------|
+| --shadow-xs | 0 1px 2px 0 rgb(0 0 0 / 0.05) | Subtle |
+| --shadow-sm | 0 1px 3px 0 rgb(0 0 0 / 0.1) | Cards |
+| --shadow-md | 0 4px 6px -1px rgb(0 0 0 / 0.1) | Dropdowns |
+| --shadow-lg | 0 10px 15px -3px rgb(0 0 0 / 0.1) | Modals |
+| --shadow-xl | 0 20px 25px -5px rgb(0 0 0 / 0.1) | Dialogs |
+| --shadow-2xl | 0 25px 50px -12px rgb(0 0 0 / 0.25) | Overlays |
+| --shadow-inner | inset 0 2px 4px 0 rgb(0 0 0 / 0.05) | Inputs |
+| --shadow-none | none | Reset |
+
+──────────────────────────────────────────────────────────────
+⭕ RADII (Border Radius)
+──────────────────────────────────────────────────────────────
+
+| Token | Value | Usage |
+|-------|-------|-------|
+| --radius-none | 0 | Sharp |
+| --radius-sm | 0.125rem (2px) | Subtle |
+| --radius-md | 0.375rem (6px) | Buttons, inputs |
+| --radius-lg | 0.5rem (8px) | Cards |
+| --radius-xl | 0.75rem (12px) | Modals |
+| --radius-2xl | 1rem (16px) | Large cards |
+| --radius-full | 9999px | Pills, avatars |
+
+──────────────────────────────────────────────────────────────
+⏱️ TRANSITIONS
+──────────────────────────────────────────────────────────────
+
+### Durations
+| Token | Value | Usage |
+|-------|-------|-------|
+| --duration-75 | 75ms | Micro |
+| --duration-100 | 100ms | Fast |
+| --duration-150 | 150ms | Default |
+| --duration-200 | 200ms | Normal |
+| --duration-300 | 300ms | Slow |
+| --duration-500 | 500ms | Emphasis |
+
+### Easings
+```css
+--ease-linear: linear;
+--ease-in: cubic-bezier(0.4, 0, 1, 1);
+--ease-out: cubic-bezier(0, 0, 0.2, 1);
+--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
+--ease-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);
+```
+
+### Composed Transitions
+```css
+--transition-none: none;
+--transition-all: all 150ms ease-out;
+--transition-colors: color, background-color, border-color 150ms ease-out;
+--transition-opacity: opacity 150ms ease-out;
+--transition-shadow: box-shadow 150ms ease-out;
+--transition-transform: transform 150ms ease-out;
+```
+
+──────────────────────────────────────────────────────────────
+📦 Z-INDEX
+──────────────────────────────────────────────────────────────
+
+| Token | Value | Usage |
+|-------|-------|-------|
+| --z-0 | 0 | Base |
+| --z-10 | 10 | Elevated |
+| --z-20 | 20 | Dropdowns |
+| --z-30 | 30 | Sticky |
+| --z-40 | 40 | Fixed |
+| --z-50 | 50 | Modal backdrop |
+| --z-60 | 60 | Modal |
+| --z-70 | 70 | Popover |
+| --z-80 | 80 | Toast |
+| --z-90 | 90 | Tooltip |
+| --z-max | 9999 | Maximum |
+```
+
+### Step 3: Export
+
+Generate files:
+- `tokens.css` - CSS Custom Properties
+- `tokens.json` - Style Dictionary format
+- `tailwind.config.js` - Tailwind extension (if applicable)