프롬프트 카드 설정 가이드 (개발자 전용)

개요

새 대화 화면의 프롬프트 카드는 개발자가 미리 설정한 시스템 프롬프트를 통해 AI의 역할과 응답 스타일을 정의합니다. 사용자는 카드를 클릭하면 해당 모드가 자동 적용되고, 입력란에 안내 문구가 표시되어 내용을 입력한 후 전송합니다.

수정 방법

파일 위치

src/AxCopilot/Views/ChatWindow.xaml

Tag 형식

Tag="시스템 프롬프트 내용||입력란 안내 문구"

|| 구분자 앞: AI에게 전달되는 시스템 프롬프트 (사용자에게 노출되지 않음)
|| 구분자 뒤: 사용자 입력란에 표시될 placeholder 안내 문구

예시

<Border Background="{DynamicResource ItemBackground}" CornerRadius="12"
        Padding="14,12" Margin="4" Cursor="Hand"
        MouseLeftButtonDown="PromptCard_Click"
        Tag="당신은 시니어 소프트웨어 엔지니어입니다. 주어진 코드를 리뷰하고...||리뷰할 코드를 붙여넣으세요...">
    <StackPanel>
        <TextBlock Text="&#xE943;" FontFamily="Segoe MDL2 Assets" FontSize="16"
                   Foreground="{DynamicResource AccentColor}" Margin="0,0,0,8"/>
        <TextBlock Text="코드 리뷰" FontSize="12" FontWeight="SemiBold"
                   Foreground="{DynamicResource PrimaryText}"/>
        <TextBlock Text="코드를 분석하고 개선점을 제안" FontSize="10.5"
                   Foreground="{DynamicResource SecondaryText}" TextWrapping="Wrap"
                   Margin="0,3,0,0"/>
    </StackPanel>
</Border>

카드 추가

<UniformGrid x:Name="PromptCards" Columns="3"> 안에 위 형식의 <Border> 블록을 추가합니다. 카드 수가 3개를 초과하면 Columns 값을 조정하세요.

아이콘

Segoe MDL2 Assets 폰트 코드를 사용합니다.

참고: https://learn.microsoft.com/en-us/windows/apps/design/style/segoe-ui-symbol-font

동작 흐름

사용자가 카드 클릭
새 대화 생성 → SystemCommand에 시스템 프롬프트 자동 삽입
입력란에 placeholder 안내 문구 표시 (선택 상태)
사용자가 내용 입력 후 전송
AI가 시스템 프롬프트 역할에 맞게 응답

2.2 KiB Raw Permalink Blame History