import { runDesignAgent } from 'design-agent-toolkit';

const result = await runDesignAgent({
  projectPath: './my-project',
  task: 'Review the hero section for conversion optimization',
  verbose: true,
});

console.log(result.response);
console.log(`Cost: $${result.totalCostUsd}`);

import { streamDesignAgent } from 'design-agent-toolkit';

for await (const chunk of streamDesignAgent({
  projectPath: './my-project',
  task: 'Analyze the component library structure',
})) {
  process.stdout.write(chunk);
}

import { runDesignAgent } from 'design-agent-toolkit';

await runDesignAgent({
  projectPath: './landing-page',
  task: `
    Review the landing page with focus on:
    1. Visual hierarchy and CTA placement
    2. Mobile responsiveness
    3. Loading performance
    4. Accessibility compliance
  `,
});

await runDesignAgent({
  projectPath: './src/components',
  task: 'Audit all form components for WCAG 2.1 AA compliance',
  model: 'claude-opus-4-5-20251101', // Use Opus for deep analysis
});

await runDesignAgent({
  projectPath: './design-system',
  task: `
    Review the design tokens and component library:
    - Are tokens following naming conventions?
    - Is the spacing scale consistent?
    - Are color contrast ratios WCAG compliant?
  `,
});

import { getAgent, DESIGN_AGENTS } from 'design-agent-toolkit';

// Get a specific agent's config
const uiExpert = getAgent('ui-ux-expert');
console.log(uiExpert.prompt);

// List all agents
import { listAgents } from 'design-agent-toolkit';
console.log(listAgents());
// ['ui-ux-expert', 'design-system-expert', ...]

await runDesignAgent({
  projectPath: './my-project',
  task: 'Review using our custom guidelines',
  frameworksPath: './our-design-system/docs',
});