스킬 ui-skills

📦

ui-skills

Name: ui-skills
Author: sickn33

콘텐츠 리비전 r1 안전 🌐 네트워크 접근

더 깔끔한 AI 인터페이스 구축

AI가 구축한 인터페이스는 일관성 없는 패턴과 불명확한 디자인 선택으로 흐를 수 있습니다. 이 skill은 인터페이스 작업을 위한 집중된 제약 조건을 에이전트에 제공합니다.

지원: Claude Codex Code(CC)

🥉 78 브론즈

Maintain this Skill? Claim it 🥉 78 브론즈

내 에이전트로 설치

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

에이전트 요청

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

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

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

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

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

테스트해 보기

"ui-skills" 사용 중입니다. 프로젝트 관리 앱을 위한 설정 화면을 디자인하세요.

예상 결과:

그룹화된 컨트롤, 명확한 레이블, 절제된 간격, 예측 가능한 내비게이션을 갖춘 집중도 높은 설정 레이아웃입니다.

"ui-skills" 사용 중입니다. 생성된 대시보드의 사용성 문제를 검토하세요.

예상 결과:

대시보드는 서로 경쟁하는 시각적 강조를 줄여야 합니다.
주요 작업은 관련 데이터에 더 가까이 배치되어야 합니다.
빈 상태와 로딩 상태는 동일한 시각 시스템을 따라야 합니다.

보안 감사

안전

v5 • 2026. 7. 7. 버전별 보고서 열기

The two static network findings are GitHub URLs used for source attribution and documentation links in SKILL.md. No evidence found of executable network calls, prompt injection text, data exfiltration intent, scripts, or command execution.

스캔된 파일

분석된 줄 수

검토 항목

오탐 무시됨

위험 요인

🌐 네트워크 접근 (2)

SKILL.md:4 SKILL.md:22

가장 최근에 완료된 정적·의미론적 감사에서 확인된 보안 발견 사항이 감지되지 않았습니다. 이는 스킬에 부작용이 없음을 증명하지 않습니다.

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

이 보고서 공유 및 인용

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

버전별 보고서 열기

보고서 링크 복사

https://skillstore.io/skills/sickn33-ui-skills/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 배지

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

HTML 배지

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

임베드 카드

<iframe src="https://skillstore.io/embed/skills/sickn33-ui-skills.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 인용

sickn33. (2026). ui-skills security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/sickn33-ui-skills/audits/5

BibTeX 인용

@techreport{sickn33-sickn33-ui-skills-2026,
  author = {sickn33},
  title = {ui-skills security audit report (audit version 5)},
  institution = {Skillstore},
  year = {2026},
  number = {5},
  url = {https://skillstore.io/skills/sickn33-ui-skills/audits/5},
  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: "ui-skills security audit report (audit version 5)"
version: "unspecified"
type: report
authors:
  - name: "sickn33"
date-released: "2026-07-07"
url: "https://skillstore.io/skills/sickn33-ui-skills/audits/5"
identifiers:
  - type: other
    value: "skillstore:sickn33-ui-skills:audit:5"
    description: "Skillstore immutable audit report identifier"

Skillstore 점수

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

아키텍처

유지보수성

콘텐츠

커뮤니티

사양 준수

만들 수 있는 것

새 UI 화면 개선

일관된 제약 조건으로 인터페이스 레이아웃을 만들 때 에이전트를 안내하는 데 이 skill을 사용합니다.

에이전트 UI 출력 검토

생성된 화면이 명확한 인터페이스 패턴을 따르는지 확인할 때 이 가이드를 적용합니다.

인터페이스 프롬프트 표준화

에이전트에게 인터페이스 구축을 요청하는 팀을 위한 공유 지침 계층으로 이 skill을 사용합니다.

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

간단한 인터페이스 만들기

[product area]를 위한 간단한 인터페이스를 디자인하는 동안 ui-skills를 사용하세요. 레이아웃을 집중도 높고, 명확하며, 일관되게 유지하세요.

기존 화면 개선

이 화면을 검토하는 데 ui-skills를 사용하세요: [screen description]. 구조, 계층, 사용성을 개선하는 변경 사항을 제안하세요.

기능 워크플로 안내

[feature]의 워크플로를 디자인하는 데 ui-skills를 사용하세요. 주요 상태, 컨트롤, 사용자 결정을 다루세요.

생성된 인터페이스 감사

이 AI 생성 인터페이스를 감사하는 데 ui-skills를 사용하세요: [description]. 약한 패턴을 식별하고 집중된 수정안을 제안하세요.

모범 사례

에이전트에게 제품 도메인과 대상 사용자를 제공하세요.
정적인 레이아웃만이 아니라 구체적인 인터페이스 상태를 요청하세요.
생성된 출력을 기존 디자인 시스템과 대조해 검토하세요.

피하기

인터페이스 목표를 설명하지 않고 skill을 사용하는 것.
이를 완전한 디자인 시스템의 대체물로 기대하는 것.
계획 단계가 아니라 구현 후에 가이드를 적용하는 것.

자주 묻는 질문

이 skill은 무엇에 도움이 되나요?

UI 디자인 작업 중 에이전트가 인터페이스 구축 가이드와 제약 조건을 적용하도록 돕습니다.

완전한 UI 코드를 생성하나요?

아니요. 에이전트가 인터페이스 작업을 만들거나 검토하는 방식을 형성할 수 있는 가이드를 제공합니다.

어떤 도구에서 사용할 수 있나요?

보고서에는 Claude, Codex, Claude Code 지원이 나열되어 있습니다.

skill에 실행 가능한 코드가 있나요?

아니요. 검토된 파일은 스크립트가 없는 prompt-only skill입니다.

내 디자인 시스템을 강제할 수 있나요?

에이전트를 안내할 수는 있지만, 디자인 시스템 규칙은 직접 제공해야 합니다.

감사에서 GitHub 링크가 언급되는 이유는 무엇인가요?

정적 분석에서 소스 링크를 네트워크 지표로 표시했지만, 이는 문서 참조입니다.

개발자 세부 정보

작성자

sickn33

라이선스

MIT

Skillstore 리비전

버전 안내

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

리포지토리

https://github.com/sickn33/antigravity-awesome-skills/tree/main/web-app/public/skills/ui-skills

참조

9f814fc6a43fd99946f2da5e0df231c65a38bc76

유지보수 최신성

2026. 7. 20.

사용량

8 다운로드 · 125 조회

파일 구조

📄 SKILL.md