Software Architecture Visualization Diagram
A technical prompt for creating isometric architecture diagrams including frontend, backend, and API layers with annotated code snippets.
프롬프트
AI 기반의 Photoshop 같은 앱을 위해 다음을 수행하세요: Render_Target = ( {argument name="project name" default="[PROJECT_NAME]"} 의 아이소메트릭 아키텍처 다이어그램 * 1.7 ) + ( {argument name="project name" default="[PROJECT_NAME]"} 를 위한 비동기 페치 상태 및 오류 처리가 주석으로 달린 코드 스니펫 카드 * 1.6 ) + ( {argument name="project name" default="[PROJECT_NAME]"} 를 위한 3개 패널의 와이어프레임에서 고충실도 UI로의 진행 과정 * 1.5 ) + ( {argument name="project name" default="[PROJECT_NAME]"} 를 위한 브랜치 이름과 기능 병합이 포함된 Git 커밋 기록 시뮬레이션 * 1.3 ) + ( {argument name="project name" default="[PROJECT_NAME]"} 를 위한 배포 순서도, 환경 변수, 호스팅, CI/CD * 1.4 ) + ( {argument name="project name" default="[PROJECT_NAME]"} 를 위한 예제 스니펫이 포함된 테스트 피라미드 시각화(단위, 통합, E2E) * 1.2 ) + ( {argument name="project name" default="[PROJECT_NAME]"} 를 위한 성능 감사 카드 및 접근성 체크리스트 * 1.0 ) - ( 진부한 검은색 배경의 녹색 해커 터미널 또는 후드티를 입은 프로그래머 스톡 사진 / 3.4 ) - ( 일반인을 위한 설명이 없는 주석 없는 코드 덤프 / 3.0 )
기계 번역 — 실제 결과물을 만든 것은 원문 프롬프트입니다.
원문 프롬프트
Do this for an AI powered Photoshop like app: Render_Target = ( Isometric_Architecture_Diagram_Of_{argument name="project name" default="[PROJECT_NAME]"} * 1.7 ) + ( Code_Snippet_Cards_Annotated_With_Async_Fetch_State_And_Error_Handling_For_{argument name="project name" default="[PROJECT_NAME]"} * 1.6 ) + ( Wireframe_To_High_Fidelity_UI_Progression_In_3_Panels_For_{argument name="project name" default="[PROJECT_NAME]"} * 1.5 ) + ( Git_Commit_History_Simulation_With_Branch_Names_And_Feature_Merge_For_{argument name="project name" default="[PROJECT_NAME]"} * 1.3 ) + ( Deployment_Flowchart_Environment_Variables_Hosting_CI/CD_For_{argument name="project name" default="[PROJECT_NAME]"} * 1.4 ) + ( Testing_Pyramid_Visual_Unit_Integration_E2E_With_Example_Snippets_For_{argument name="project name" default="[PROJECT_NAME]"} * 1.2 ) + ( Performance_Audit_Card_And_Accessibility_Checklist_For_{argument name="project name" default="[PROJECT_NAME]"} * 1.0 ) - ( Clichéd_Hacker_Terminal_Green_On_Black_Or_Hoodie_Programmer_Stock_Photos / 3.4 ) - ( Uncommented_Code_Dumps_Without_Layman_Explanation / 3.0 )