impeccable
독창적인 프론트엔드 인터페이스 구축
일반적인 AI 인터페이스는 반복적이고 미완성처럼 보입니다. Impeccable은 Claude, Codex, Claude Code에 세련된 프론트엔드 작업을 위한 구조화된 디자인 가이드를 제공합니다.
이 스킬은 팩에 포함되어 있습니다
작업에 필요한 모든 스킬을 명령 하나로 설치하려면 전체 팩을 설치하세요.
이 Skill을 자동으로 설치하지 마세요.
공식 정책에 따라 설치 작업 전에 운영자 검토가 필요합니다.
내 에이전트로 설치
이 요청을 에이전트에 복사하세요. 공식 Skill 페이지와 매니페스트가 포함되어 있습니다.
Review the Skillstore skill "impeccable" from https://skillstore.io/skills/pbakaus-impeccable.md and its manifest at https://skillstore.io/api/skills/pbakaus-impeccable/manifest. Verify the artifact. Do not auto-install. Inspect the skill and report your findings, then wait for an operator or manual installation decision.에이전트는 계속해서 계획을 표시하고 보안 정책에서 요구하는 확인을 요청해야 합니다.
에이전트가 읽기 쉬운 리소스
AI 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.
테스트해 보기
"impeccable" 사용 중입니다. 모바일 커머스 앱을 위한 결제 진행 인터페이스를 구축하세요.
예상 결과:
명확한 계층 구조, 접근 가능한 포커스 상태, 유용한 로딩 동작, 간결한 오류 문구를 갖춘 반응형 결제 단계 표시기입니다.
"impeccable" 사용 중입니다. 일반적이고 카드가 과도하게 많은 대시보드를 개선하세요.
예상 결과:
더 나은 간격, 타이포그래피, 줄어든 중복 카드, 더 명확한 데이터 우선순위, 반응형 레이아웃을 갖춘 정제된 대시보드 방향입니다.
"impeccable" 사용 중입니다. 반복되는 계정 설정 화면에서 재사용 가능한 패턴을 추출하세요.
예상 결과:
공유 form rows, action groups, status messages, spacing tokens, 문서 업데이트를 위한 마이그레이션 계획입니다.
보안 감사
치명적Most static matches are lexical false positives from design prose, regular-expression calls, readable detector code, and a disclosed minified screenshot dependency. Confirmed risks include automatic network access, disabled browser sandboxing in CI, shell command injection through crafted paths, credential-bearing subprocesses, and a live server whose token and privileged agent workflows are exposed across origins. Static review was capped at 400/2770 representative findings; omitted static matches are unconfirmed, so automatic publishing stays disabled until manual review.
확인된 보안 우려 사항 (7)
기능 검토 항목 (10)
이 스킬에 대해 예상될 수 있는 실제 로컬 기능이므로 검토가 필요하지만, 확인된 악의적 동작으로는 집계되지 않습니다.
위험 요인
🔑 환경 변수 (50)
⚙️ 외부 명령어 (50)
🌐 네트워크 접근 (50)
📁 파일 시스템 접근 (50)
⚡ 스크립트 포함 (50)
감지된 패턴
이 보고서 공유 및 인용
버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.
보고서 링크 복사
https://skillstore.io/skills/pbakaus-impeccable/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 배지
[](https://skillstore.io/skills/pbakaus-impeccable?utm_source=security_passport_badge)HTML 배지
<a href="https://skillstore.io/skills/pbakaus-impeccable?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/pbakaus-impeccable/security.svg" alt="Skillstore security assessment" loading="lazy"></a>임베드 카드
<iframe src="https://skillstore.io/embed/skills/pbakaus-impeccable.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 인용
pbakaus. (2026). impeccable security audit report (audit version 6) [Author version 3.9.1]. Skillstore. https://skillstore.io/skills/pbakaus-impeccable/audits/6BibTeX 인용
@techreport{pbakaus-pbakaus-impeccable-2026,
author = {pbakaus},
title = {impeccable security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/pbakaus-impeccable/audits/6},
note = {Author version 3.9.1}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "impeccable security audit report (audit version 6)"
version: "3.9.1"
type: report
authors:
- name: "pbakaus"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/pbakaus-impeccable/audits/6"
identifiers:
- type: other
value: "skillstore:pbakaus-impeccable:audit:6"
description: "Skillstore immutable audit report identifier"
Skillstore 점수
이 점수의 이유 증거 신뢰도: 중간만들 수 있는 것
새 제품 화면 디자인
레이아웃, 타이포그래피, 반응형 동작, 인터랙션 상태, 시각적 완성도를 갖춘 완전한 프론트엔드 화면을 만듭니다.
프로젝트 디자인 맥락 수집
인터페이스 작업을 생성하기 전에 대상 사용자, 브랜드, 접근성, 미적 방향에 대한 결정을 수집합니다.
재사용 가능한 UI 패턴 추출
반복되는 컴포넌트와 토큰을 식별한 다음 기존 디자인 시스템으로 마이그레이션할 계획을 세웁니다.
이 프롬프트를 사용해 보세요
/impeccable teach
/impeccable craft 독립 컨설턴트를 위한 가격 비교 섹션을 구축하세요. 톤은 정확하고 자신감 있으며 따뜻하게 느껴져야 합니다.
/impeccable craft 온보딩 체크리스트 화면을 재디자인하세요. 동일한 작업은 유지하되 계층 구조, 반응형 동작, 빈 상태, 접근성을 개선하세요.
/impeccable extract 설정 영역을 검토하고 재사용 가능한 컴포넌트, 시맨틱 토큰, 명명 규칙, 안전한 마이그레이션 경로를 식별하세요.
모범 사례
- craft 모드 전에 대상 사용자, 사용 사례, 브랜드 톤, 접근성 요구사항을 제공하세요.
- 브라우저에서 기본, 로딩, 빈 상태, 오류, 반응형 상태를 검증하세요.
- 로컬 파일 삭제를 허용하기 전에 모든 정리 작업을 검토하세요.
피하기
- 어떤 파일이 제거될 수 있는지 확인하지 않고 정리 스크립트를 실행하는 것.
- 대상 사용자, 톤, 제약 조건 없이 모던한 느낌을 요청하는 것.
- 시각 검토 없이 처음 생성된 결과를 최종본으로 취급하는 것.
자주 묻는 질문
Impeccable은 무엇을 돕나요?
어떤 도구를 지원하나요?
디자인 맥락이 필요한가요?
파일을 업데이트할 수 있나요?
시각적 QA를 대체하나요?
설치 전에 무엇을 검토해야 하나요?
개발자 세부 정보
작성자
pbakaus라이선스
Apache 2.0
작성자 버전
v3.9.1
Skillstore 리비전
r2
참조
ebdfe608f5de2b66ff37ab4af12af8ac4f5e8006
유지보수 최신성
2026. 7. 25.
사용량
40 다운로드 · 144 조회
파일 구조
📄 adapt.md
📄 audit.md
📄 brand.md
📄 codex.md
📄 craft.md
📄 hooks.md
📄 init.md
📄 live.md
📄 shape.md
📁 scripts/
📁 browser/
📁 cli/
📄 main.mjs
📄 detect-antipatterns-browser.js
📁 engines/
📁 browser/
📁 regex/
📁 visual/
📁 node/
📁 profile/
📁 rules/
📁 shared/
📄 page.mjs
📄 hook.mjs
📁 lib/
📁 live/
📄 live-commit-manual-edits.mjs
📄 live-discard-manual-edits.mjs
📄 live-manual-edit-evidence.mjs
📄 live.mjs
📄 pin.mjs
📄 SKILL.md