스킬 widgets-ui

📦

widgets-ui

Name: widgets-ui
Author: inferen-sh

콘텐츠 리비전 r2 중간 위험 ⚙️ 외부 명령어🌐 네트워크 접근

JSON 기반 React 위젯 빌드

에이전트 응답에는 일반 텍스트보다 더 풍부한 인터페이스가 필요한 경우가 많습니다. 이 스킬은 구조화된 위젯 JSON을 React 및 Next.js UI 컴포넌트로 렌더링하는 방법을 보여줍니다.

지원: Claude Codex Code(CC)

📊 69 적절함

Maintain this Skill? Claim it 📊 69 적절함

내 에이전트로 설치

이 요청을 에이전트에 복사하세요. 공식 Skill 페이지와 매니페스트가 포함되어 있습니다.

에이전트 요청

Review the Skillstore skill "widgets-ui" from https://skillstore.io/skills/inferen-sh-widgets-ui.md and its manifest at https://skillstore.io/api/skills/inferen-sh-widgets-ui/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

에이전트는 계속해서 계획을 표시하고 보안 정책에서 요구하는 확인을 요청해야 합니다.

에이전트가 읽기 쉬운 리소스

AI 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.

Markdown 상세 GET /skills/inferen-sh-widgets-ui.md 서명된 manifest GET /api/skills/inferen-sh-widgets-ui/manifest 서명된 lockfile GET /api/skills/inferen-sh-widgets-ui/lockfile

테스트해 보기

"widgets-ui" 사용 중입니다. SFO에서 JFK로 가는 항공편의 예약 요약 위젯을 만드세요.

예상 결과:

출발, 도착, 항공편 상태, 시간 세부 정보, 여정 보기를 위한 명확한 액션 하나가 포함된 간결한 카드 레이아웃.

"widgets-ui" 사용 중입니다. 제품 데모 요청을 위한 리드 캡처 양식을 계획하세요.

예상 결과:

연락처 필드, 메시지 영역, 동의 체크박스, submit 액션, 서버 측 검증에 대한 메모가 포함된 양식 구조.

"widgets-ui" 사용 중입니다. 앱에 추가하기 전에 생성된 위젯을 검토하세요.

예상 결과:

지원되는 위젯 유형, 누락된 레이블, 안전하지 않은 이미지 소스, 액션 처리 책임을 다루는 간결한 검토.

보안 감사

중간 위험

v7 • 2026. 8. 6. 버전별 보고서 열기

Most static command findings are false positives caused by Markdown fences, inline code, or non-executing TypeScript and JSON examples. Three findings contain real installation commands, while the remote registry and external image create limited network exposure. The unrelated belt CLI recommendation adds a contextual supply-chain concern.

스캔된 파일

176

분석된 줄 수

검토 항목

오탐 무시됨

확인된 보안 우려 사항 (1)

중간

SKILL.md:6

Unrelated Third-Party Skill Installation

The skill recommends installing belt-sh/cli without explaining its relationship to widget rendering. This expands the trust boundary beyond the declared publisher and purpose.

The installation instruction and third-party package name are explicit, while the remaining document provides no stated dependency or integration with belt-sh/cli.

기능 검토 항목 (5)

이 스킬에 대해 예상될 수 있는 실제 로컬 기능이므로 검토가 필요하지만, 확인된 악의적 동작으로는 집계되지 않습니다.

중간

SKILL.md:6

Ruby/shell backtick execution

> **Install the belt CLI skill:** `npx skills add belt-sh/cli`

Line 6 instructs users to run npx to install the third-party belt-sh/cli skill. This executes package tooling and changes the user's skill environment.

중간

SKILL.md:16-18

Ruby/shell backtick execution

```bash

The fenced block on lines 16-18 contains an npx command that executes shadcn and imports code from a remote registry. The command has real installation side effects.

중간

SKILL.md:157-166

Ruby/shell backtick execution

```bash

The shell block on lines 157-166 contains three npx commands that install additional skills. Running them invokes external package tooling and modifies the skill environment.

낮음

SKILL.md:12

Hardcoded URL

![Widget Renderer](https://cloud.inference.sh/u/33sqbmzt3mrg2xxphnhw5g5ear/01kah2rcteycyxw8ffmtpq1ze

Line 12 embeds an image from cloud.inference.sh. Rendering the documentation can create an automatic third-party request that exposes basic request metadata.

낮음

SKILL.md:17

Hardcoded URL

npx shadcn@latest add https://ui.inference.sh/r/widgets.json

Line 17 passes a remote ui.inference.sh registry URL to shadcn. Executing the documented command downloads external code into the user's project.

감사자: codex 감사 이력 보기 →

이 보고서 공유 및 인용

버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.

버전별 보고서 열기

보고서 링크 복사

https://skillstore.io/skills/inferen-sh-widgets-ui/audits/7?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 배지

[![Skillstore security assessment](https://skillstore.io/badges/skills/inferen-sh-widgets-ui/security.svg)](https://skillstore.io/skills/inferen-sh-widgets-ui?utm_source=security_passport_badge)

HTML 배지

<a href="https://skillstore.io/skills/inferen-sh-widgets-ui?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/inferen-sh-widgets-ui/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

임베드 카드

<iframe src="https://skillstore.io/embed/skills/inferen-sh-widgets-ui.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

학술 인용 (APA · BibTeX · CFF)

APA 인용

inferen-sh. (2026). widgets-ui security audit report (audit version 7) [Author version unspecified]. Skillstore. https://skillstore.io/skills/inferen-sh-widgets-ui/audits/7

BibTeX 인용

@techreport{inferen-sh-inferen-sh-widgets-ui-2026,
  author = {inferen-sh},
  title = {widgets-ui security audit report (audit version 7)},
  institution = {Skillstore},
  year = {2026},
  number = {7},
  url = {https://skillstore.io/skills/inferen-sh-widgets-ui/audits/7},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "widgets-ui security audit report (audit version 7)"
version: "unspecified"
type: report
authors:
  - name: "inferen-sh"
date-released: "2026-08-06"
url: "https://skillstore.io/skills/inferen-sh-widgets-ui/audits/7"
identifiers:
  - type: other
    value: "skillstore:inferen-sh-widgets-ui:audit:7"
    description: "Skillstore immutable audit report identifier"

변형 비교

설치 가능한 변형 2개

각 작성자의 스킬은 별도의 설치 항목으로 유지됩니다. 추천 변형은 Skillstore 근거로 순위가 정해집니다.

이 변형이 1위인 이유

Skillstore 점수가 가장 높음

작성자 / 소스 Skillstore 점수 증거 신뢰도 Skillstore 사용량 업데이트됨

inference-sh-9 권장

inference-sh-9-widgets-ui

Skillstore 점수 77

증거 신뢰도 높음

Skillstore 사용량 43

업데이트됨

2026-09-09

inferen-sh 현재

inferen-sh-widgets-ui

Skillstore 점수 69

증거 신뢰도 높음

Skillstore 사용량 13

업데이트됨

2026-09-09

Skillstore 점수

이 점수의 이유 증거 신뢰도: 높음

아키텍처

유지보수성

콘텐츠

커뮤니티

사양 준수

만들 수 있는 것

에이전트 양식 렌더링

연락처, 접수 또는 피드백 흐름을 위해 구조화된 에이전트 출력에서 인터랙티브 양식 위젯을 만듭니다.

동적 카드 표시

어시스턴트의 데이터를 예약, 요약, 상태 패널을 위한 간결한 시각적 카드로 변환합니다.

생성형 UI 프로토타이핑

사용자 지정 React 컴포넌트 디자인에 착수하기 전에 JSON 기반 사용자 인터페이스를 탐색합니다.

이 프롬프트를 사용해 보세요

간단한 위젯 만들기

widgets-ui를 사용해 React 페이지용 간단한 텍스트 및 버튼 위젯을 만드세요. 위젯 구조를 쉬운 말로 설명하세요.

양식 위젯 설계

widgets-ui를 사용해 이름, 이메일, 메시지, submit 액션이 포함된 연락처 양식 위젯을 설계하세요. 검증 고려 사항을 포함하세요.

데이터 카드 빌드

widgets-ui를 사용해 경로, 상태, 시간 정보, 명확한 기본 액션이 포함된 여행 예약 카드를 계획하세요.

위젯 스키마 검토

구현 전에 사용성, 접근성, 액션 처리, 안전하지 않은 외부 콘텐츠 측면에서 이 계획된 위젯 스키마를 검토하세요.

모범 사례

설치 명령을 실행하기 전에 원격 registry 콘텐츠를 검토하세요.
프로덕션에서 렌더링하기 전에 에이전트의 위젯 데이터를 검증하세요.
액션 핸들러를 좁고 명시적으로 유지하고 알려진 애플리케이션 워크플로와 연결하세요.

피하기

검증 또는 프록시 처리 없이 신뢰할 수 없는 이미지 URL을 렌더링하지 마세요.
생성된 위젯이 확인 없이 권한이 필요한 액션을 트리거하도록 허용하지 마세요.
예시 스키마를 완전한 보안 또는 접근성 모델로 간주하지 마세요.

자주 묻는 질문

이 스킬은 무엇을 빌드하는 데 도움이 되나요?

양식, 카드, 레이아웃, 버튼을 포함해 구조화된 위젯 JSON으로 React 및 Next.js 인터페이스를 빌드하는 데 도움이 됩니다.

컴포넌트를 자동으로 설치하나요?

아니요. 사용자가 또는 에이전트가 검토와 확인 후 실행할 수 있는 명령을 문서화합니다.

어떤 프로젝트에서 사용할 수 있나요?

shadcn 스타일 컴포넌트 registry 추가를 사용할 수 있는 React 또는 Next.js 프로젝트에 적합합니다.

Claude, Codex 또는 Claude Code가 사용할 수 있나요?

예. 보고서는 Claude, Codex, Claude Code 지원을 표시합니다.

위젯 JSON을 검증하나요?

이 스킬은 위젯 형태를 설명하지만, 애플리케이션 코드는 렌더링 전에 데이터를 검증해야 합니다.

어떤 보안 검토가 필요한가요?

원격 설치 콘텐츠를 검토하고, 생성된 위젯 데이터를 검증하며, 민감한 액션에는 확인을 요구하세요.

개발자 세부 정보

작성자

inferen-sh

라이선스

MIT

Skillstore 리비전

버전 안내

작성자가 버전을 선언하지 않았습니다.

리포지토리

https://github.com/inferen-sh/skills/tree/main/ui/widgets-ui/

참조

4121de961d1b6f2ffca856260e239505c302452c

유지보수 최신성

2026. 8. 10.

사용량

7 다운로드 · 129 조회

파일 구조

웹 앱 현지화 자동화

작성자 DNYoussef

다국어 지원을 추가하면 문자열, 라우팅, 메타데이터, locale 파일이 코드베이스 전체에 흩어지는 경우가 많습니다. 이 스킬은 번역, 검증, 문서화를 포함한 i18n 설정을 계획하고 구현합니다.

코딩 및 개발 보기

widgets-ui

내 에이전트로 설치

에이전트가 읽기 쉬운 리소스

테스트해 보기

보안 감사

확인된 보안 우려 사항 (1)

위험 요인

보고서 링크 복사

Markdown 배지

HTML 배지

임베드 카드

APA 인용

BibTeX 인용

CITATION.cff

변형 비교

Skillstore 점수

만들 수 있는 것

에이전트 양식 렌더링

동적 카드 표시

생성형 UI 프로토타이핑

이 프롬프트를 사용해 보세요

모범 사례

피하기

자주 묻는 질문

개발자 세부 정보

inferen-sh의 다른 스킬

elevenlabs-tts

qwen-image-2-pro

nano-banana-2

ai-video-generation

tools-ui

chat-ui

관련 스킬

senior-fullstack

vercel-react-view-transitions

senior-frontend

nextjs-optimization

vercel-react-best-practices

i18n-automation