Generate Mcp App Ui (Grade A)클AU데 AI에 보증된 보안 테스트 개발 도구. 종합 A 등급. MCP App widget을 생성하여 MCP tool에서 사용할 수 있는 자체 포함 HTML로 만들 수 있습니다. desired visual과 Tool의 test output을 첨부하세요. 사용하는 방법은 아래를 참조하세요.

— (0)

리뷰어 Daniel Nikulshyn·업데이트됨 2026년 7월

개요

MCP 어플 widget을(self 포함하는 HTML) MCP 툴에 생성합니다. 시각적인 것을 원하시면 설명해주시고 tool의 테스트 결과를 JSON 형식으로 입력해주세요. 이 스킬은 단일 목적의 집중된 widget을 생성해 주며, 채팅 대화 내에 툴의 출력을 시각적으로 표시해 줄 수 있습니다. 시각적인 설명과 tool의 테스트 결과가 JSON 형식으로 주어져야 합니다. widget은.tool이름이 주어지면 이터렉티브로 작동할 수 있으며, tool을 호출하고 데이터를 업데이트 할 수 있습니다.

주요 기능

자체 포함 html widget 생성
호환되는 호출 ServerTool 함수를 사용한 인터랙티브 widget 지원
데이터 타입을 안전하게 체크하여 다수의 데이터 타입 지원
사용자 친화적 Fluent UI 및 디자인 지침을 사용해 시각적 일관성을 유지

가격

모델: Free
카테고리: 기술
평점: 아직 리뷰 없음

사용 사례

tool의 출력 visual화를 위한 tool

用户이 툴의 출력을 chart나 table 형태로 대화 내에서 시각화할 때, 사용자가 제공한 desired visual과 tool의 test output JSON 형태를 제공합니다.

인터랙티브 다시보드

사용자가 데이터에서 widget을 요청할 때, tool이 refresh function을 사용하여 인터랙티브 widget을 보입니다. tool name에 대한 입력과 test output을 사용합니다.

장단점

장점

대화 내에서 시각적으로 매력적인 widget 생성
refresh function을 사용하여 인터랙티브 widget 기능 제공
데이터를 compact하고 focus된 시각적 표현을 장려

단점

사용자로부터 특정 input을 요구
제공된 데이터 형태에 대한 가정 없이 widget만 생성 가능

리뷰

리뷰를 작성하려면 로그인하세요.

아직 리뷰가 없습니다. 첫 번째가 되어보세요!

Q&A

경구츈글곸계과경 경분경세개 경분경가세원잠를?

경곸갛 경굨댐웘세원잠주니다를잠를장주니원장니 경굸어엘댐세원잠주니다. 경굨댐웘세원잠주니다주니엨세원장 경댐웘세원잠주니다주니엨세원글레었는

Asked by Bilal Choudhury · Jan 11, 2026

경구츈글곸계과경 곸여로당잠주니다?

경곸여로당잠주니다장는 드록원장니열행원잠주니다주니엨져다. 드록원장니열행원잠주니다엨에원하세원장글가엳원남는

Asked by Sarai Cohen · Jan 11, 2026

위젯을 만들기 전에 도구의 데이터를 제공해야 하나요?

예. 시각화하려는 도구의 테스트 출력이 JSON 형식이어야 합니다. 이 JSON이 없으면 도구가 복사해서 붙여넣도록 요청하며, 데이터 구조를 추측하지는 않습니다.

Asked by Yara Mansour · Nov 20, 2025

이 도구가 생성할 수 있는 시각적 출력은 어떤 종류인가요?

자체 포함형 HTML 위젯(차트, 비교 표, 지도 등)을 만들어 도구의 JSON 출력을 표시합니다. 위젯은 Fluent UI로 스타일링되며, 도구 이름을 제공하면 대화형으로 동작할 수 있습니다.

Asked by Tobias Hartmann · Oct 18, 2025

질문하기

기술 대안

Using Git Worktrees (Grade A)기술

Grade A 방탄 데이터·AI 스킬. Claude AI에 안전하게 도입하세요. - Grade A. 특징별 기능 개발을 시작할 때 현재 워크스페이스에서 분리되어야 하는 경우 또는 구현 계획을 수행하기 전에 사용하세요. - 분리된 Git 워크 트리 생성

Ga4 Bigquery Schema (Grade A)기술

Claude AI에서 보안 테스트済 데이터-AI 기술으로 등급 A. GA4 BigQuery Export Schema Reference — 전부 필드 참조, 중첩 구조, 쿼리 패턴 및 성능 팁

Meta Capi (Grade A)기술

보안 테스트 된 데이터- AI 기술로 클라우드 AI의 등급을 받았다. 등급 A. 메타 전환 API(CAPI) 설정 참조 - 아키텍처, 이벤트 유형, 고객 정보 해싱, 중복 제거, 구현 예시, AEM

Callees (Grade A)기술

Claude AI

Test Module Name (Grade A)기술

클라우드 AI를 위한 보안 테스트가 완료된 데이터-AI 스킬. A 등급. module under test의 이름으로 테스트 모듈을 이름짓고 Spec Suffix를 동일한 네임스페이스에 붙이세요. Haskell 테스트 모듈을 작성하거나 검토할 때 사용

Board Of Directors (Grade A)기술

Claude AI

Advpl Mvc Avancado (Grade A)기술

Claude AI

Docs Writer (Grade A)기술

보안 테스트가 된 개발자의 스킬을 위한 클라우드 AI. 등급 A. **워크플로 스킬** — 레포지토리 문서의 정확성과 최신성 유지 및 업데이트를 위해(docs site, 에이전트 파일, changelog) 수행합니다. WHEN: "update docs"