18. MCP 및 widget으로 UI 답변

Tips

• MCP는 가급적 노드를 생성하는 것 보다는 Agent의 Tool로 추가하는 것을 권장
• 노드로 MCP를 구현할 경우 로직이 복잡해질 수 있음
• 아래 실습 내용은 MCP 노드를 사용하는 방법에 대한 이해를 돕기 위한 예시임

실습 내용

워크플로우

Symbol 작성 (Agent)

• Start 노드와 연결
• Configurations
  • Name: Symbol 작성
  • Instructions:

    대화 내용을 토대로 사용자가 조회하고자 하는 주가 종목 (symbol)을 작성하시오.
    
    주가 조회 (Yahoo Finance 기반) 
    (예시 1)  미국 애플의 경우
    symbol: 'AAPL'
    (예시 2) 삼성전자의 경우
    symbol: '005930.KS' 
    

  • Output format: JSON
    • properties:
      • property 1
        • name: symbol
        • type: string
        • description: 주가 종목 (Yahoo Finance 기반)
  • Display response in chat: False
  • Write to conversation history: False

Transform

• Symbol 작성 노드와 연결
• Variables
  • variable 1
    • Key: symbol
    • Value: input.output_parsed.symbol

MCP

• Transform 노드와 연결
• Configurations
  • Add MCP Server
    • URL: Stock Price (smithery)에서 api_key가 포함된 URL 입력
    • Label: stock_price
    • Authentication: None
  • Tool: get_stock_price
  • Require Approval: Never
  • Athentication: None

주가 위젯 (Agent)

• MCP 노드와 연결
• Configurations
  • Instructions:

    아래 정보를 토대로 주가 위젯을 만드세요.
    (symbol: 종목명,  price: 현재가,  currency: 통화)
    
    [주가 조회정보]
    {{input.results}}
    

  • Output format: WIDGET
    • 위젯 파일: stock_price.widget
    • 위 파일을 이용하거나 Widget Builder에서 동일한 위젯 생성
      

      symbol (종목명), price (현재가), currency (통화) 속성값을 가진 주가 위젯 생성하시오
      

      • Code에서 schema -> properties에 symbol, price, currency 속성값이 정의되어 있어야 함
  • Display response in chat: True
  • Write to conversation history: True