jfl 0.0.0

package/template/skills/agent-browser/SKILL.md

@@ -0,0 +1,116 @@
+---
+name: agent-browser
+description: Headless browser automation for AI agents - auto-installs if needed
+---
+
+# Agent Browser
+
+Headless browser automation CLI for AI agents. [GitHub](https://github.com/vercel-labs/agent-browser)
+
+## On Skill Invoke
+
+**Step 1: Check if installed**
+
+```bash
+which agent-browser
+```
+
+**Step 2: If NOT installed, offer to install**
+
+```
+agent-browser not installed.
+
+This tool lets me browse the web, fill forms, take screenshots, and scrape dynamic content.
+
+Install it?
+
+  npm install -g agent-browser
+  agent-browser install
+
+[Yes] [No]
+```
+
+If user says yes, run:
+```bash
+npm install -g agent-browser && agent-browser install
+```
+
+On Linux, if install fails with dependency errors:
+```bash
+agent-browser install --with-deps
+```
+
+After install, confirm:
+```
+Done. agent-browser ready.
+
+Try: agent-browser navigate https://example.com
+```
+
+**Step 3: If already installed, show status**
+
+```
+agent-browser is installed.
+
+Quick commands:
+  agent-browser navigate <url>    # Go to URL
+  agent-browser snapshot          # Get page structure (for AI)
+  agent-browser click <ref>       # Click element
+  agent-browser type <ref> <text> # Type into input
+  agent-browser screenshot        # Capture page
+  agent-browser pdf               # Generate PDF
+
+Need help with something specific?
+```
+
+## What It Does
+
+Agent-browser gives Claude the ability to:
+- Navigate and interact with web pages
+- Click, type, scroll
+- Take screenshots and generate PDFs
+- Extract accessibility trees (semantic page understanding)
+- Monitor network requests
+- Manage cookies and storage
+
+## Common Commands
+
+| Command | What It Does |
+|---------|--------------|
+| `agent-browser navigate <url>` | Go to a URL |
+| `agent-browser snapshot` | Get accessibility tree (for AI understanding) |
+| `agent-browser click <ref>` | Click an element by reference |
+| `agent-browser type <ref> <text>` | Type into an input |
+| `agent-browser screenshot` | Capture the page |
+| `agent-browser pdf` | Generate PDF |
+
+## When to Use
+
+Use agent-browser when you need to:
+- Scrape dynamic content (SPAs, JS-rendered pages)
+- Fill out forms programmatically
+- Test user flows
+- Capture screenshots for docs/previews
+- Extract data from authenticated pages
+
+## Typical Workflow
+
+1. `agent-browser navigate <url>` - load the page
+2. `agent-browser snapshot` - understand page structure
+3. `agent-browser click <ref>` / `agent-browser type <ref> <text>` - interact
+4. `agent-browser screenshot` or extract data
+
+## Troubleshooting
+
+### "chromium not found"
+```bash
+agent-browser install
+```
+
+### Permission errors on Linux
+```bash
+agent-browser install --with-deps
+```
+
+### Page not loading
+Some sites block headless browsers. The tool handles most cases, but very aggressive bot detection may block it.

package/template/skills/brand-architect/SKILL.md

@@ -0,0 +1,240 @@
+---
+name: brand-architect
+description: Generate brand identity options from brief - marks, colors, typography
+---
+
+# Brand Architect Skill
+
+Creates brand identity options based on your brand brief.
+
+## Capabilities
+
+- Generate mark/logo options (SVG)
+- Propose color palettes (dark/light modes)
+- Suggest typography stacks
+- Create mark + text compositions
+- Update preview files with options
+- Guide through selection process
+- Record decisions
+
+## Input Requirements
+
+Requires `knowledge/BRAND_BRIEF.md` with:
+- Brand name and tagline
+- Values and voice
+- Visual direction preferences
+
+## Commands
+
+```
+/brand-architect              # Full workflow
+/brand-architect marks        # Generate mark options only
+/brand-architect colors       # Generate color palette options
+/brand-architect typography   # Suggest typography
+/brand-architect compositions # Mark + text lockups
+/brand-architect review       # Review current options
+/brand-architect decide       # Record selections
+```
+
+## Workflow
+
+### Step 1: Read Brief
+```
+Reading knowledge/BRAND_BRIEF.md...
+
+Brand: {name}
+Tagline: "{tagline}"
+Aesthetic: {aesthetic}
+Mark preference: {type}
+
+Ready to generate options.
+```
+
+### Step 2: Generate Marks
+
+Create 3-5 mark options based on brief:
+
+```
+Generating mark options...
+
+OPTION 1: {description}
+├─ Type: {symbol/lettermark/wordmark/icon}
+├─ Concept: {what it represents}
+└─ File: outputs/svg/mark/mark-v1-transparent.svg
+
+OPTION 2: {description}
+...
+```
+
+For each mark:
+1. Create transparent SVG (base)
+2. Create dark mode variant
+3. Create light mode variant
+4. Test at multiple sizes (16px, 80px, 400px)
+
+### Step 3: Generate Colors
+
+Propose color palette:
+
+```
+Color Palette Proposal:
+
+DARK MODE (default):
+├─ Background: #000000
+├─ Foreground: #FFFFFF
+├─ Accent: {based on brand}
+└─ Preview: [color swatches]
+
+LIGHT MODE:
+├─ Background: #FFFFFF
+├─ Foreground: #000000
+├─ Accent: {darker version}
+└─ Preview: [color swatches]
+```
+
+### Step 4: Suggest Typography
+
+```
+Typography Recommendation:
+
+Based on your {aesthetic} aesthetic:
+
+FONT STACK:
+{stack}
+
+RATIONALE:
+- {why this fits the brand}
+- {where it works well}
+
+ALTERNATIVES:
+1. {alternative stack} - {when to use}
+2. {alternative stack} - {when to use}
+```
+
+### Step 5: Update Previews
+
+Update preview HTML files with generated options:
+
+```
+Updating previews...
+
+✓ previews/brand/twitter-profile.html
+✓ previews/brand/og-preview.html
+✓ previews/brand/favicon-preview.html
+✓ previews/brand/mobile-preview.html
+
+Open these in your browser to see options in context.
+```
+
+### Step 6: Guide Selection
+
+```
+Let's review each option in context.
+
+MARK SELECTION:
+Open previews/brand/twitter-profile.html
+
+Which mark works best as a PFP?
+1. mark-v1 - {description}
+2. mark-v2 - {description}
+3. mark-v3 - {description}
+```
+
+Wait for user input at each decision point.
+
+### Step 7: Record Decisions
+
+Save selections to `knowledge/BRAND_DECISIONS.md`:
+
+```
+Recording your selections...
+
+✓ Primary mark: mark-v3
+✓ Colors: dark-first, accent #00ff88
+✓ Typography: ui-monospace stack
+
+Saved to knowledge/BRAND_DECISIONS.md
+
+Next: Run /web-architect to generate final assets.
+```
+
+## Mark Generation Guidelines
+
+### SVG Structure
+```xml
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+  <!-- Use paths, not text elements -->
+  <path d="..." fill="currentColor"/>
+</svg>
+```
+
+### Size Variants
+| Size | Use |
+|------|-----|
+| 16px | Favicon |
+| 32px | Favicon @2x |
+| 80px | Small icon |
+| 160px | Medium icon |
+| 400px | PFP, large icon |
+
+### Naming Convention
+```
+mark-{version}-{size}-{theme}.svg
+mark-v1-transparent.svg     # Base
+mark-v1-80-dark.svg         # Dark mode
+mark-v1-80-light.svg        # Light mode
+```
+
+## Color Generation Guidelines
+
+### Required Tokens
+- Background (bg)
+- Foreground (fg)
+- Accent (primary action color)
+- Success, Error, Warning
+- Muted (secondary text)
+
+### Contrast Requirements
+- Text on bg: 4.5:1 minimum
+- Large text: 3:1 minimum
+
+## Output Files
+
+```
+outputs/
+├── svg/
+│   └── mark/
+│       ├── mark-v1-transparent.svg
+│       ├── mark-v1-80-dark.svg
+│       ├── mark-v1-80-light.svg
+│       ├── mark-v2-transparent.svg
+│       └── ...
+└── (other outputs created by web-architect)
+
+knowledge/
+└── BRAND_DECISIONS.md  # Updated with selections
+```
+
+## Error Handling
+
+### No Brief Found
+```
+Brand brief not found.
+
+Please create knowledge/BRAND_BRIEF.md using the template:
+cp templates/BRAND_BRIEF.md knowledge/BRAND_BRIEF.md
+
+Then fill it out and run /brand-architect again.
+```
+
+### Incomplete Brief
+```
+Brand brief is incomplete.
+
+Missing required fields:
+- {field 1}
+- {field 2}
+
+Please update knowledge/BRAND_BRIEF.md and try again.
+```

package/template/skills/brand-architect/config.yaml

@@ -0,0 +1,137 @@
+# Brand Architect Skill Configuration
+
+skill:
+  id: brand-architect
+  version: 1.0.0
+  creator: "@402goose"
+  type: internal-workflow
+
+description: |
+  Generate brand identity options from brief - marks, colors, typography.
+
+  Creates complete brand identity systems including:
+  - SVG mark/logo options
+  - Color palettes (dark/light modes)
+  - Typography recommendations
+  - Mark + text compositions
+  - Preview files for decision-making
+
+  Guides through selection process and records final decisions.
+
+pricing:
+  base: 0.00
+  referral_pct: 0.00
+  currency: USD
+
+models:
+  required:
+    - claude-sonnet
+  optional:
+    - claude-opus
+  default: claude-sonnet
+
+triggers:
+  cli:
+    - "/brand-architect"
+  patterns:
+    - "create a brand"
+    - "generate logo options"
+    - "design color palette"
+    - "design brand identity"
+
+inputs:
+  required: []
+  optional:
+    - name: component
+      type: string
+      default: "full"
+      description: "Component to generate: full, marks, colors, typography, compositions, review, or decide"
+
+outputs:
+  primary:
+    - name: brand_options
+      type: svg
+      path: previews/brand/
+      description: SVG brand mark options
+
+  secondary:
+    - name: color_palettes
+      type: markdown
+      path: previews/brand/colors.md
+      description: Color palette options
+
+    - name: typography_recommendations
+      type: markdown
+      path: previews/brand/typography.md
+      description: Typography stack suggestions
+
+    - name: preview_files
+      type: file
+      path: previews/brand/*.html
+      description: Interactive preview files
+
+execution:
+  timeout: 120000
+  streaming: true
+  retries: 0
+  async: false
+
+context_files:
+  required:
+    - knowledge/BRAND_BRIEF.md
+  optional:
+    - knowledge/VISION.md
+    - knowledge/NARRATIVE.md
+    - knowledge/BRAND_DECISIONS.md
+
+validation:
+  - check: brand_brief_exists
+    rule: "BRAND_BRIEF.md must exist with required fields"
+
+  - check: valid_svg_output
+    rule: "Generated SVGs must be valid and well-formed"
+
+  - check: color_accessibility
+    rule: "Color palettes should meet WCAG contrast requirements"
+
+dependencies:
+  skills:
+    - web-architect
+  tools: []
+  mcp_servers: []
+
+metadata:
+  category: brand
+  tags:
+    - brand
+    - design
+    - identity
+    - logo
+    - colors
+    - typography
+  license: MIT
+  repository: https://github.com/402goose/just-fucking-launch
+  documentation: https://github.com/402goose/just-fucking-launch/blob/main/skills/brand-architect/SKILL.md
+
+compatibility:
+  min_claude_code_version: "1.0.0"
+  platforms:
+    - darwin
+    - linux
+    - win32
+
+examples:
+  - name: full_workflow
+    input:
+      component: "full"
+    expected_output_path: null
+
+  - name: marks_only
+    input:
+      component: "marks"
+    expected_output_path: null
+
+  - name: colors_only
+    input:
+      component: "colors"
+    expected_output_path: null

package/template/skills/campaign-hud/config.yaml

@@ -0,0 +1,112 @@
+# Campaign HUD Skill Configuration
+
+skill:
+  id: campaign-hud
+  version: 1.0.0
+  creator: "@402goose"
+  type: internal-workflow
+
+description: |
+  Display campaign status dashboard with countdown, phases, and tasks.
+
+  Shows at-a-glance view of:
+  - Days until launch
+  - Current phase and progress
+  - This week's priorities
+  - User's assigned tasks
+  - Key metrics
+
+  Essential for maintaining campaign momentum and visibility.
+
+pricing:
+  base: 0.00
+  referral_pct: 0.00
+  currency: USD
+
+models:
+  required:
+    - claude-sonnet
+  optional: []
+  default: claude-sonnet
+
+triggers:
+  cli:
+    - "/hud"
+  patterns:
+    - "show me the dashboard"
+    - "how many days until launch"
+    - "what's the status"
+    - "show campaign status"
+
+inputs:
+  required: []
+  optional:
+    - name: mode
+      type: string
+      default: "full"
+      description: "Display mode: full, compact, tasks, or metrics"
+
+outputs:
+  primary:
+    - name: dashboard
+      type: markdown
+      path: stdout
+      description: Formatted campaign dashboard
+
+  secondary: []
+
+execution:
+  timeout: 30000
+  streaming: true
+  retries: 0
+  async: false
+
+context_files:
+  required:
+    - knowledge/ROADMAP.md
+  optional:
+    - knowledge/TASKS.md
+    - templates/collaboration/TASKS.md
+    - suggestions/*.md
+
+validation:
+  - check: roadmap_exists
+    rule: "ROADMAP.md must exist with launch date"
+
+  - check: date_format
+    rule: "Launch date must be parseable"
+
+dependencies:
+  skills: []
+  tools:
+    - git
+  mcp_servers: []
+
+metadata:
+  category: strategy
+  tags:
+    - dashboard
+    - campaign
+    - status
+    - tracking
+  license: MIT
+  repository: https://github.com/402goose/just-fucking-launch
+  documentation: https://github.com/402goose/just-fucking-launch/blob/main/skills/campaign-hud/SKILL.md
+
+compatibility:
+  min_claude_code_version: "1.0.0"
+  platforms:
+    - darwin
+    - linux
+    - win32
+
+examples:
+  - name: full_dashboard
+    input:
+      mode: "full"
+    expected_output_path: null
+
+  - name: compact_mode
+    input:
+      mode: "compact"
+    expected_output_path: null