@girardmedia/bootspring 1.2.0 → 2.0.3

package/agents/frontend-expert/context.md

@@ -1,364 +0,0 @@
-# Frontend Expert Agent
-
-## Role
-Specialized in React, Next.js App Router, modern component patterns, state management, and UI development with Tailwind CSS.
-
-## Core Expertise
-
-### React Server Components (Default)
-
-```tsx
-// Server Components are the default in Next.js App Router
-// They run on the server and can directly access data
-
-// app/users/page.tsx - Server Component
-import { prisma } from '@/lib/prisma';
-
-export default async function UsersPage() {
-  // Direct database access - no API needed!
-  const users = await prisma.user.findMany({
-    take: 10,
-    orderBy: { createdAt: 'desc' }
-  });
-
-  return (
-    <main className="container mx-auto py-8">
-      <h1 className="text-2xl font-bold mb-4">Users</h1>
-      <ul className="space-y-2">
-        {users.map(user => (
-          <UserCard key={user.id} user={user} />
-        ))}
-      </ul>
-    </main>
-  );
-}
-
-// This is also a Server Component
-function UserCard({ user }: { user: User }) {
-  return (
-    <div className="p-4 border rounded-lg">
-      <h2 className="font-medium">{user.name}</h2>
-      <p className="text-gray-500">{user.email}</p>
-    </div>
-  );
-}
-```
-
-### Client Components (When Needed)
-
-```tsx
-'use client';
-
-// Use 'use client' ONLY when you need:
-// - useState, useEffect, useRef
-// - Event handlers (onClick, onChange, etc.)
-// - Browser APIs (window, document)
-// - Third-party libraries that use hooks
-
-import { useState, useTransition } from 'react';
-import { updateUser } from '@/app/actions';
-
-export function EditUserForm({ user }: { user: User }) {
-  const [name, setName] = useState(user.name);
-  const [isPending, startTransition] = useTransition();
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault();
-    startTransition(async () => {
-      await updateUser(user.id, { name });
-    });
-  };
-
-  return (
-    <form onSubmit={handleSubmit} className="space-y-4">
-      <input
-        type="text"
-        value={name}
-        onChange={(e) => setName(e.target.value)}
-        className="border rounded px-3 py-2 w-full"
-        disabled={isPending}
-      />
-      <button
-        type="submit"
-        disabled={isPending}
-        className="bg-blue-500 text-white px-4 py-2 rounded disabled:opacity-50"
-      >
-        {isPending ? 'Saving...' : 'Save'}
-      </button>
-    </form>
-  );
-}
-```
-
-### Component Composition Pattern
-
-```tsx
-// Compose Server and Client Components effectively
-
-// ServerWrapper.tsx (Server Component)
-import { prisma } from '@/lib/prisma';
-import { InteractiveList } from './InteractiveList';
-
-export async function ServerWrapper() {
-  const items = await prisma.item.findMany();
-
-  // Pass data to client component
-  return <InteractiveList initialItems={items} />;
-}
-
-// InteractiveList.tsx (Client Component)
-'use client';
-
-import { useState } from 'react';
-
-export function InteractiveList({ initialItems }: { initialItems: Item[] }) {
-  const [items, setItems] = useState(initialItems);
-  const [filter, setFilter] = useState('');
-
-  const filteredItems = items.filter(item =>
-    item.name.toLowerCase().includes(filter.toLowerCase())
-  );
-
-  return (
-    <div>
-      <input
-        type="search"
-        placeholder="Filter..."
-        value={filter}
-        onChange={(e) => setFilter(e.target.value)}
-        className="border rounded px-3 py-2 mb-4 w-full"
-      />
-      <ul className="space-y-2">
-        {filteredItems.map(item => (
-          <li key={item.id} className="p-2 border rounded">
-            {item.name}
-          </li>
-        ))}
-      </ul>
-    </div>
-  );
-}
-```
-
-### State Management
-
-#### Local State (useState)
-```tsx
-// For component-specific state
-const [isOpen, setIsOpen] = useState(false);
-```
-
-#### URL State (useSearchParams)
-```tsx
-'use client';
-
-import { useSearchParams, useRouter, usePathname } from 'next/navigation';
-
-export function Filters() {
-  const searchParams = useSearchParams();
-  const router = useRouter();
-  const pathname = usePathname();
-
-  const updateFilter = (key: string, value: string) => {
-    const params = new URLSearchParams(searchParams);
-    if (value) {
-      params.set(key, value);
-    } else {
-      params.delete(key);
-    }
-    router.push(`${pathname}?${params.toString()}`);
-  };
-
-  return (
-    <select
-      value={searchParams.get('status') ?? ''}
-      onChange={(e) => updateFilter('status', e.target.value)}
-    >
-      <option value="">All</option>
-      <option value="active">Active</option>
-      <option value="archived">Archived</option>
-    </select>
-  );
-}
-```
-
-#### Global State (Zustand)
-```tsx
-// store/user-store.ts
-import { create } from 'zustand';
-import { persist } from 'zustand/middleware';
-
-interface UserStore {
-  user: User | null;
-  setUser: (user: User | null) => void;
-  preferences: { theme: 'light' | 'dark' };
-  setTheme: (theme: 'light' | 'dark') => void;
-}
-
-export const useUserStore = create<UserStore>()(
-  persist(
-    (set) => ({
-      user: null,
-      setUser: (user) => set({ user }),
-      preferences: { theme: 'light' },
-      setTheme: (theme) => set((state) => ({
-        preferences: { ...state.preferences, theme }
-      })),
-    }),
-    { name: 'user-storage' }
-  )
-);
-
-// Usage in component
-'use client';
-
-export function ThemeToggle() {
-  const { preferences, setTheme } = useUserStore();
-
-  return (
-    <button onClick={() => setTheme(preferences.theme === 'light' ? 'dark' : 'light')}>
-      Toggle Theme
-    </button>
-  );
-}
-```
-
-### Tailwind CSS Patterns
-
-#### Responsive Design
-```tsx
-<div className="
-  grid
-  grid-cols-1      /* Mobile: 1 column */
-  sm:grid-cols-2   /* Small: 2 columns */
-  lg:grid-cols-3   /* Large: 3 columns */
-  xl:grid-cols-4   /* XL: 4 columns */
-  gap-4
-">
-  {items.map(item => <Card key={item.id} {...item} />)}
-</div>
-```
-
-#### Component Variants with cva
-```tsx
-import { cva, type VariantProps } from 'class-variance-authority';
-import { cn } from '@/lib/utils';
-
-const buttonVariants = cva(
-  'inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-2',
-  {
-    variants: {
-      variant: {
-        default: 'bg-primary text-primary-foreground hover:bg-primary/90',
-        destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',
-        outline: 'border border-input bg-background hover:bg-accent',
-        ghost: 'hover:bg-accent hover:text-accent-foreground',
-      },
-      size: {
-        default: 'h-10 px-4 py-2',
-        sm: 'h-9 rounded-md px-3',
-        lg: 'h-11 rounded-md px-8',
-        icon: 'h-10 w-10',
-      },
-    },
-    defaultVariants: {
-      variant: 'default',
-      size: 'default',
-    },
-  }
-);
-
-interface ButtonProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
-    VariantProps<typeof buttonVariants> {}
-
-export function Button({ className, variant, size, ...props }: ButtonProps) {
-  return (
-    <button
-      className={cn(buttonVariants({ variant, size, className }))}
-      {...props}
-    />
-  );
-}
-```
-
-### Loading & Error States
-
-```tsx
-// loading.tsx - Automatic loading UI
-export default function Loading() {
-  return (
-    <div className="flex items-center justify-center min-h-[400px]">
-      <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-500" />
-    </div>
-  );
-}
-
-// error.tsx - Automatic error UI
-'use client';
-
-export default function Error({
-  error,
-  reset,
-}: {
-  error: Error & { digest?: string };
-  reset: () => void;
-}) {
-  return (
-    <div className="flex flex-col items-center justify-center min-h-[400px] gap-4">
-      <h2 className="text-xl font-semibold">Something went wrong!</h2>
-      <p className="text-gray-500">{error.message}</p>
-      <button
-        onClick={reset}
-        className="px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600"
-      >
-        Try again
-      </button>
-    </div>
-  );
-}
-```
-
-### Suspense Boundaries
-
-```tsx
-import { Suspense } from 'react';
-
-export default function DashboardPage() {
-  return (
-    <div className="grid grid-cols-2 gap-4">
-      <Suspense fallback={<CardSkeleton />}>
-        <RevenueCard />
-      </Suspense>
-      <Suspense fallback={<CardSkeleton />}>
-        <UsersCard />
-      </Suspense>
-      <Suspense fallback={<TableSkeleton />}>
-        <RecentOrders />
-      </Suspense>
-    </div>
-  );
-}
-
-function CardSkeleton() {
-  return (
-    <div className="h-32 bg-gray-100 rounded-lg animate-pulse" />
-  );
-}
-```
-
-## Component Checklist
-
-- [ ] Server Component by default
-- [ ] 'use client' only when necessary
-- [ ] Props typed with TypeScript
-- [ ] Loading state handled
-- [ ] Error boundary in place
-- [ ] Accessible (keyboard nav, ARIA labels)
-- [ ] Responsive (mobile-first)
-- [ ] No inline styles (use Tailwind)
-- [ ] Component is focused and small
-- [ ] Reusable where appropriate
-
-## Trigger Keywords
-component, react, ui, tailwind, state, client, server component, hook, useState, useEffect, form, button, input, modal, dropdown, responsive, mobile, layout, grid, flex, styling, css

package/agents/fundraising-expert/context.md

@@ -1,257 +0,0 @@
-# Fundraising Expert Agent
-
-## Role
-Specialized in startup fundraising, investor outreach, pitch deck creation, and navigating seed rounds through Series A and beyond.
-
-## Core Expertise
-
-### Fundraising Stages
-
-```markdown
-## Funding Round Overview
-
-| Stage | Typical Amount | Valuation | Investors |
-|-------|---------------|-----------|-----------|
-| Pre-seed | $100K-$500K | $1-3M | Angels, friends/family |
-| Seed | $500K-$2M | $3-10M | Angels, seed funds |
-| Series A | $2M-$15M | $10-50M | VCs |
-| Series B | $15M-$50M | $50-200M | VCs |
-| Series C+ | $50M+ | $200M+ | Growth equity, late-stage VCs |
-
-## What Investors Look For By Stage
-
-### Pre-seed/Seed
-- Founding team quality
-- Market opportunity size
-- Initial traction or strong vision
-- Coachability
-
-### Series A
-- Product-market fit evidence
-- Repeatable customer acquisition
-- Clear path to scale
-- Strong unit economics
-
-### Series B+
-- Proven growth engine
-- Market leadership potential
-- Path to profitability
-- Expansion opportunities
-```
-
-### Pitch Deck Structure
-
-```markdown
-## 10-Slide Pitch Deck Template
-
-### 1. Title Slide
-- Company name and logo
-- One-line description
-- Contact information
-
-### 2. Problem
-- What problem do you solve?
-- Who experiences this problem?
-- How painful is it?
-
-### 3. Solution
-- How do you solve it?
-- Key features/benefits
-- Demo or screenshots
-
-### 4. Market Size
-- TAM (Total Addressable Market)
-- SAM (Serviceable Addressable Market)
-- SOM (Serviceable Obtainable Market)
-
-### 5. Business Model
-- How do you make money?
-- Pricing tiers
-- Unit economics
-
-### 6. Traction
-- Key metrics (MRR, users, growth rate)
-- Customer logos
-- Milestones achieved
-
-### 7. Competition
-- Competitive landscape
-- Your differentiation
-- Why you'll win
-
-### 8. Team
-- Founders' backgrounds
-- Key hires
-- Advisors
-
-### 9. Financials
-- Revenue projections
-- Key assumptions
-- Path to profitability
-
-### 10. The Ask
-- How much are you raising?
-- Use of funds
-- Timeline and milestones
-```
-
-### Investor Outreach
-
-```markdown
-## Cold Email Template
-
-Subject: [Company Name] - [Impressive Metric] in [Industry]
-
-Hi [Investor Name],
-
-I'm [Your Name], founder of [Company]. We're [one-line description].
-
-**Quick stats:**
-- [Key metric 1 - e.g., "$50K MRR"]
-- [Key metric 2 - e.g., "3x growth in 6 months"]
-- [Key metric 3 - e.g., "150 customers"]
-
-We're raising a [$X] seed round led by [Lead Investor if any].
-
-[Your fund] caught my attention because [specific reason - portfolio company, thesis fit, etc.].
-
-Would you have 20 minutes this week for a quick call?
-
-Best,
-[Your Name]
-
-P.S. [Optional - brief personal connection or relevant news]
-
----
-
-## Warm Intro Request Template
-
-Hi [Mutual Connection],
-
-I'm raising a seed round for [Company] and noticed you're connected to [Investor Name] at [Fund].
-
-Quick context: We're [one-line description] with [impressive metric]. [Fund] would be a great fit because [specific reason].
-
-Would you be comfortable making an intro? Happy to send a forwardable blurb if helpful.
-
-Thanks so much!
-[Your Name]
-```
-
-### Term Sheet Basics
-
-```markdown
-## Key Term Sheet Terms
-
-### Economics
-- **Pre-money Valuation**: Company value before investment
-- **Investment Amount**: How much they're investing
-- **Post-money Valuation**: Pre-money + investment
-- **Option Pool**: Equity reserved for employees (typically 10-15%)
-
-### Control
-- **Board Seats**: Investor representation on board
-- **Protective Provisions**: Investor veto rights on major decisions
-- **Information Rights**: Access to financials and metrics
-
-### Preferences
-- **Liquidation Preference**: What investors get paid first in exit
-  - 1x non-participating: Get investment back OR share pro-rata
-  - 1x participating: Get investment back AND share pro-rata
-- **Anti-dilution**: Protection against down rounds
-  - Full ratchet: Price adjusts to new lower price
-  - Weighted average: More common, less severe
-
-### Red Flags to Watch
-- > 1x participating preference
-- Full ratchet anti-dilution
-- >2 board seats for seed round
-- Super pro-rata rights
-- Unreasonable veto provisions
-```
-
-### Due Diligence Checklist
-
-```markdown
-## Investor Due Diligence Preparation
-
-### Corporate Documents
-- [ ] Certificate of Incorporation
-- [ ] Bylaws
-- [ ] Cap table
-- [ ] Stock option agreements
-- [ ] Previous financing documents
-
-### Financials
-- [ ] Historical financials (P&L, balance sheet)
-- [ ] Financial projections (3 years)
-- [ ] Current MRR and growth metrics
-- [ ] Bank statements
-
-### Legal
-- [ ] Material contracts
-- [ ] IP assignments
-- [ ] Employment agreements
-- [ ] Terms of service / Privacy policy
-
-### Product
-- [ ] Product demo
-- [ ] Technology architecture
-- [ ] Roadmap
-
-### Team
-- [ ] Org chart
-- [ ] Founder backgrounds
-- [ ] Key employee agreements
-
-### Customers
-- [ ] Customer list
-- [ ] Reference customers
-- [ ] Churn analysis
-```
-
-### Investor Update Template
-
-```markdown
-## Monthly Investor Update
-
-### Highlights
-- [Big win 1]
-- [Big win 2]
-- [Big win 3]
-
-### Key Metrics
-| Metric | This Month | Last Month | MoM |
-|--------|------------|------------|-----|
-| MRR | $X | $Y | +Z% |
-| Customers | X | Y | +Z |
-| Churn | X% | Y% | -Z% |
-
-### Lowlights
-- [Challenge 1 and what we're doing about it]
-- [Challenge 2]
-
-### Asks
-- [ ] Intro to [specific person/company]
-- [ ] Advice on [specific topic]
-- [ ] Hiring for [role]
-
-### Next Month Focus
-- [Priority 1]
-- [Priority 2]
-- [Priority 3]
-```
-
-## Fundraising Checklist
-
-- [ ] Data room prepared
-- [ ] Pitch deck finalized
-- [ ] Financial model completed
-- [ ] Target investor list created
-- [ ] Warm intros identified
-- [ ] Legal counsel engaged
-- [ ] Term sheet reviewed
-- [ ] Due diligence materials ready
-
-## Trigger Keywords
-fundraising, investor, pitch, seed, series A, term sheet, valuation, VC, angel, cap table, due diligence, data room, pitch deck, raise, round