@amrhas82/agentic-kit 1.1.0 → 1.2.1

package/packages/droid/skills/slack-gif-creator/templates/zoom.py

@@ -0,0 +1,312 @@
+#!/usr/bin/env python3
+"""
+Zoom Animation - Scale objects dramatically for emphasis.
+
+Creates zoom in, zoom out, and dramatic scaling effects.
+"""
+
+import sys
+from pathlib import Path
+import math
+
+sys.path.append(str(Path(__file__).parent.parent))
+
+from PIL import Image, ImageFilter
+from core.gif_builder import GIFBuilder
+from core.frame_composer import create_blank_frame, draw_emoji_enhanced
+from core.easing import interpolate
+
+
+def create_zoom_animation(
+    object_type: str = 'emoji',
+    object_data: dict | None = None,
+    num_frames: int = 30,
+    zoom_type: str = 'in',  # 'in', 'out', 'in_out', 'punch'
+    scale_range: tuple[float, float] = (0.1, 2.0),
+    easing: str = 'ease_out',
+    add_motion_blur: bool = False,
+    center_pos: tuple[int, int] = (240, 240),
+    frame_width: int = 480,
+    frame_height: int = 480,
+    bg_color: tuple[int, int, int] = (255, 255, 255)
+) -> list[Image.Image]:
+    """
+    Create zoom animation.
+
+    Args:
+        object_type: 'emoji', 'text', 'image'
+        object_data: Object configuration
+        num_frames: Number of frames
+        zoom_type: Type of zoom effect
+        scale_range: (start_scale, end_scale) tuple
+        easing: Easing function
+        add_motion_blur: Add blur for speed effect
+        center_pos: Center position
+        frame_width: Frame width
+        frame_height: Frame height
+        bg_color: Background color
+
+    Returns:
+        List of frames
+    """
+    frames = []
+
+    # Default object data
+    if object_data is None:
+        if object_type == 'emoji':
+            object_data = {'emoji': '🔍', 'size': 100}
+
+    base_size = object_data.get('size', 100) if object_type == 'emoji' else object_data.get('font_size', 60)
+    start_scale, end_scale = scale_range
+
+    for i in range(num_frames):
+        t = i / (num_frames - 1) if num_frames > 1 else 0
+
+        # Calculate scale based on zoom type
+        if zoom_type == 'in':
+            scale = interpolate(start_scale, end_scale, t, easing)
+        elif zoom_type == 'out':
+            scale = interpolate(end_scale, start_scale, t, easing)
+        elif zoom_type == 'in_out':
+            if t < 0.5:
+                scale = interpolate(start_scale, end_scale, t * 2, easing)
+            else:
+                scale = interpolate(end_scale, start_scale, (t - 0.5) * 2, easing)
+        elif zoom_type == 'punch':
+            # Quick zoom in with overshoot then settle
+            if t < 0.3:
+                scale = interpolate(start_scale, end_scale * 1.2, t / 0.3, 'ease_out')
+            else:
+                scale = interpolate(end_scale * 1.2, end_scale, (t - 0.3) / 0.7, 'elastic_out')
+        else:
+            scale = interpolate(start_scale, end_scale, t, easing)
+
+        # Create frame
+        frame = create_blank_frame(frame_width, frame_height, bg_color)
+
+        if object_type == 'emoji':
+            current_size = int(base_size * scale)
+
+            # Clamp size to reasonable bounds
+            current_size = max(12, min(current_size, frame_width * 2))
+
+            # Create emoji on transparent background
+            canvas_size = max(frame_width, frame_height, current_size) * 2
+            emoji_canvas = Image.new('RGBA', (canvas_size, canvas_size), (0, 0, 0, 0))
+
+            draw_emoji_enhanced(
+                emoji_canvas,
+                emoji=object_data['emoji'],
+                position=(canvas_size // 2 - current_size // 2, canvas_size // 2 - current_size // 2),
+                size=current_size,
+                shadow=False
+            )
+
+            # Optional motion blur for fast zooms
+            if add_motion_blur and abs(scale - 1.0) > 0.5:
+                blur_amount = min(5, int(abs(scale - 1.0) * 3))
+                emoji_canvas = emoji_canvas.filter(ImageFilter.GaussianBlur(blur_amount))
+
+            # Crop to frame size centered
+            left = (canvas_size - frame_width) // 2
+            top = (canvas_size - frame_height) // 2
+            emoji_cropped = emoji_canvas.crop((left, top, left + frame_width, top + frame_height))
+
+            # Composite
+            frame_rgba = frame.convert('RGBA')
+            frame = Image.alpha_composite(frame_rgba, emoji_cropped)
+            frame = frame.convert('RGB')
+
+        elif object_type == 'text':
+            from core.typography import draw_text_with_outline
+
+            current_size = int(base_size * scale)
+            current_size = max(10, min(current_size, 500))
+
+            # Create oversized canvas for large text
+            canvas_size = max(frame_width, frame_height, current_size * 10)
+            text_canvas = Image.new('RGB', (canvas_size, canvas_size), bg_color)
+
+            draw_text_with_outline(
+                text_canvas,
+                text=object_data.get('text', 'ZOOM'),
+                position=(canvas_size // 2, canvas_size // 2),
+                font_size=current_size,
+                text_color=object_data.get('text_color', (0, 0, 0)),
+                outline_color=object_data.get('outline_color', (255, 255, 255)),
+                outline_width=max(2, int(current_size * 0.05)),
+                centered=True
+            )
+
+            # Crop to frame
+            left = (canvas_size - frame_width) // 2
+            top = (canvas_size - frame_height) // 2
+            frame = text_canvas.crop((left, top, left + frame_width, top + frame_height))
+
+        frames.append(frame)
+
+    return frames
+
+
+def create_explosion_zoom(
+    emoji: str = '💥',
+    num_frames: int = 20,
+    frame_width: int = 480,
+    frame_height: int = 480,
+    bg_color: tuple[int, int, int] = (255, 255, 255)
+) -> list[Image.Image]:
+    """
+    Create dramatic explosion zoom effect.
+
+    Args:
+        emoji: Emoji to explode
+        num_frames: Number of frames
+        frame_width: Frame width
+        frame_height: Frame height
+        bg_color: Background color
+
+    Returns:
+        List of frames
+    """
+    frames = []
+
+    for i in range(num_frames):
+        t = i / (num_frames - 1) if num_frames > 1 else 0
+
+        # Exponential zoom
+        scale = 0.1 * math.exp(t * 5)
+
+        # Add rotation for drama
+        angle = t * 360 * 2
+
+        frame = create_blank_frame(frame_width, frame_height, bg_color)
+
+        current_size = int(100 * scale)
+        current_size = max(12, min(current_size, frame_width * 3))
+
+        # Create emoji
+        canvas_size = max(frame_width, frame_height, current_size) * 2
+        emoji_canvas = Image.new('RGBA', (canvas_size, canvas_size), (0, 0, 0, 0))
+
+        draw_emoji_enhanced(
+            emoji_canvas,
+            emoji=emoji,
+            position=(canvas_size // 2 - current_size // 2, canvas_size // 2 - current_size // 2),
+            size=current_size,
+            shadow=False
+        )
+
+        # Rotate
+        emoji_canvas = emoji_canvas.rotate(angle, center=(canvas_size // 2, canvas_size // 2), resample=Image.BICUBIC)
+
+        # Add motion blur for later frames
+        if t > 0.5:
+            blur_amount = int((t - 0.5) * 10)
+            emoji_canvas = emoji_canvas.filter(ImageFilter.GaussianBlur(blur_amount))
+
+        # Crop and composite
+        left = (canvas_size - frame_width) // 2
+        top = (canvas_size - frame_height) // 2
+        emoji_cropped = emoji_canvas.crop((left, top, left + frame_width, top + frame_height))
+
+        frame_rgba = frame.convert('RGBA')
+        frame = Image.alpha_composite(frame_rgba, emoji_cropped)
+        frame = frame.convert('RGB')
+
+        frames.append(frame)
+
+    return frames
+
+
+def create_mind_blown_zoom(
+    emoji: str = '🤯',
+    num_frames: int = 30,
+    frame_width: int = 480,
+    frame_height: int = 480,
+    bg_color: tuple[int, int, int] = (255, 255, 255)
+) -> list[Image.Image]:
+    """
+    Create "mind blown" dramatic zoom with shake.
+
+    Args:
+        emoji: Emoji to use
+        num_frames: Number of frames
+        frame_width: Frame width
+        frame_height: Frame height
+        bg_color: Background color
+
+    Returns:
+        List of frames
+    """
+    frames = []
+
+    for i in range(num_frames):
+        t = i / (num_frames - 1) if num_frames > 1 else 0
+
+        # Zoom in then shake
+        if t < 0.5:
+            scale = interpolate(0.3, 1.2, t * 2, 'ease_out')
+            shake_x = 0
+            shake_y = 0
+        else:
+            scale = 1.2
+            # Shake intensifies
+            shake_intensity = (t - 0.5) * 40
+            shake_x = int(math.sin(t * 50) * shake_intensity)
+            shake_y = int(math.cos(t * 45) * shake_intensity)
+
+        frame = create_blank_frame(frame_width, frame_height, bg_color)
+
+        current_size = int(100 * scale)
+        center_x = frame_width // 2 + shake_x
+        center_y = frame_height // 2 + shake_y
+
+        emoji_canvas = Image.new('RGBA', (frame_width, frame_height), (0, 0, 0, 0))
+        draw_emoji_enhanced(
+            emoji_canvas,
+            emoji=emoji,
+            position=(center_x - current_size // 2, center_y - current_size // 2),
+            size=current_size,
+            shadow=False
+        )
+
+        frame_rgba = frame.convert('RGBA')
+        frame = Image.alpha_composite(frame_rgba, emoji_canvas)
+        frame = frame.convert('RGB')
+
+        frames.append(frame)
+
+    return frames
+
+
+# Example usage
+if __name__ == '__main__':
+    print("Creating zoom animations...")
+
+    builder = GIFBuilder(width=480, height=480, fps=20)
+
+    # Example 1: Zoom in
+    frames = create_zoom_animation(
+        object_type='emoji',
+        object_data={'emoji': '🔍', 'size': 100},
+        num_frames=30,
+        zoom_type='in',
+        scale_range=(0.1, 1.5),
+        easing='ease_out'
+    )
+    builder.add_frames(frames)
+    builder.save('zoom_in.gif', num_colors=128)
+
+    # Example 2: Explosion zoom
+    builder.clear()
+    frames = create_explosion_zoom(emoji='💥', num_frames=20)
+    builder.add_frames(frames)
+    builder.save('zoom_explosion.gif', num_colors=128)
+
+    # Example 3: Mind blown
+    builder.clear()
+    frames = create_mind_blown_zoom(emoji='🤯', num_frames=30)
+    builder.add_frames(frames)
+    builder.save('zoom_mind_blown.gif', num_colors=128)
+
+    print("Created zoom animations!")

package/packages/droid/skills/systematic-debugging/CREATION-LOG.md

@@ -0,0 +1,119 @@
+# Creation Log: Systematic Debugging Skill
+
+Reference example of extracting, structuring, and bulletproofing a critical skill.
+
+## Source Material
+
+Extracted debugging framework from `/Users/jesse/.claude/CLAUDE.md`:
+- 4-phase systematic process (Investigation → Pattern Analysis → Hypothesis → Implementation)
+- Core mandate: ALWAYS find root cause, NEVER fix symptoms
+- Rules designed to resist time pressure and rationalization
+
+## Extraction Decisions
+
+**What to include:**
+- Complete 4-phase framework with all rules
+- Anti-shortcuts ("NEVER fix symptom", "STOP and re-analyze")
+- Pressure-resistant language ("even if faster", "even if I seem in a hurry")
+- Concrete steps for each phase
+
+**What to leave out:**
+- Project-specific context
+- Repetitive variations of same rule
+- Narrative explanations (condensed to principles)
+
+## Structure Following skill-creation/SKILL.md
+
+1. **Rich when_to_use** - Included symptoms and anti-patterns
+2. **Type: technique** - Concrete process with steps
+3. **Keywords** - "root cause", "symptom", "workaround", "debugging", "investigation"
+4. **Flowchart** - Decision point for "fix failed" → re-analyze vs add more fixes
+5. **Phase-by-phase breakdown** - Scannable checklist format
+6. **Anti-patterns section** - What NOT to do (critical for this skill)
+
+## Bulletproofing Elements
+
+Framework designed to resist rationalization under pressure:
+
+### Language Choices
+- "ALWAYS" / "NEVER" (not "should" / "try to")
+- "even if faster" / "even if I seem in a hurry"
+- "STOP and re-analyze" (explicit pause)
+- "Don't skip past" (catches the actual behavior)
+
+### Structural Defenses
+- **Phase 1 required** - Can't skip to implementation
+- **Single hypothesis rule** - Forces thinking, prevents shotgun fixes
+- **Explicit failure mode** - "IF your first fix doesn't work" with mandatory action
+- **Anti-patterns section** - Shows exactly what shortcuts look like
+
+### Redundancy
+- Root cause mandate in overview + when_to_use + Phase 1 + implementation rules
+- "NEVER fix symptom" appears 4 times in different contexts
+- Each phase has explicit "don't skip" guidance
+
+## Testing Approach
+
+Created 4 validation tests following skills/meta/testing-skills-with-subagents:
+
+### Test 1: Academic Context (No Pressure)
+- Simple bug, no time pressure
+- **Result:** Perfect compliance, complete investigation
+
+### Test 2: Time Pressure + Obvious Quick Fix
+- User "in a hurry", symptom fix looks easy
+- **Result:** Resisted shortcut, followed full process, found real root cause
+
+### Test 3: Complex System + Uncertainty
+- Multi-layer failure, unclear if can find root cause
+- **Result:** Systematic investigation, traced through all layers, found source
+
+### Test 4: Failed First Fix
+- Hypothesis doesn't work, temptation to add more fixes
+- **Result:** Stopped, re-analyzed, formed new hypothesis (no shotgun)
+
+**All tests passed.** No rationalizations found.
+
+## Iterations
+
+### Initial Version
+- Complete 4-phase framework
+- Anti-patterns section
+- Flowchart for "fix failed" decision
+
+### Enhancement 1: TDD Reference
+- Added link to skills/testing/test-driven-development
+- Note explaining TDD's "simplest code" ≠ debugging's "root cause"
+- Prevents confusion between methodologies
+
+## Final Outcome
+
+Bulletproof skill that:
+- ✅ Clearly mandates root cause investigation
+- ✅ Resists time pressure rationalization
+- ✅ Provides concrete steps for each phase
+- ✅ Shows anti-patterns explicitly
+- ✅ Tested under multiple pressure scenarios
+- ✅ Clarifies relationship to TDD
+- ✅ Ready for use
+
+## Key Insight
+
+**Most important bulletproofing:** Anti-patterns section showing exact shortcuts that feel justified in the moment. When Claude thinks "I'll just add this one quick fix", seeing that exact pattern listed as wrong creates cognitive friction.
+
+## Usage Example
+
+When encountering a bug:
+1. Load skill: skills/debugging/systematic-debugging
+2. Read overview (10 sec) - reminded of mandate
+3. Follow Phase 1 checklist - forced investigation
+4. If tempted to skip - see anti-pattern, stop
+5. Complete all phases - root cause found
+
+**Time investment:** 5-10 minutes
+**Time saved:** Hours of symptom-whack-a-mole
+
+---
+
+*Created: 2025-10-03*
+*Purpose: Reference example for skill extraction and bulletproofing*