extract
재사용 가능한 디자인 시스템 패턴 추출
팀은 애플리케이션 전반에서 UI 컴포넌트, 토큰, 레이아웃 패턴을 중복해서 만드는 경우가 많습니다. 이 스킬은 Claude, Codex 또는 Claude Code가 재사용 가능한 패턴을 찾아 유지 관리되는 디자인 시스템으로 통합하도록 돕습니다.
내 에이전트로 설치
이 요청을 에이전트에 복사하세요. 공식 Skill 페이지와 매니페스트가 포함되어 있습니다.
Review the Skillstore skill "extract" from https://skillstore.io/skills/pbakaus-extract.md and its manifest at https://skillstore.io/api/skills/pbakaus-extract/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.에이전트는 계속해서 계획을 표시하고 보안 정책에서 요구하는 확인을 요청해야 합니다.
에이전트가 읽기 쉬운 리소스
AI 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.
테스트해 보기
"extract" 사용 중입니다. 체크아웃 플로우에서 재사용 가능한 UI 패턴을 검토하세요.
예상 결과:
발견 사항에는 반복되는 요약 카드, 중복 버튼 변형, 하드코딩된 간격이 포함됩니다. 권장 추출은 요약 카드와 체크아웃 액션 컴포넌트부터 시작합니다.
"extract" 사용 중입니다. 설정 페이지에서 디자인 토큰을 추출하세요.
예상 결과:
이 스킬은 의미 기반 간격, 표면, 텍스트, 포커스 토큰을 제안한 다음 기존 설정 페이지 값을 해당 이름에 매핑합니다.
"extract" 사용 중입니다. 반복되는 프로필 컴포넌트를 컴포넌트 라이브러리로 옮기세요.
예상 결과:
결과에는 마이그레이션 계획, 재사용 가능한 컴포넌트 경계, 변형 지침, 문서 업데이트, 기존 사용처 교체를 위한 체크리스트가 포함됩니다.
보안 감사
안전The single static finding is a false positive. SKILL.md line 71 warns against creating overly generic components, and no network reconnaissance behavior or prompt injection content was found.
이 보고서 공유 및 인용
버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.
보고서 링크 복사
https://skillstore.io/skills/pbakaus-extract/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 배지
[](https://skillstore.io/skills/pbakaus-extract?utm_source=security_passport_badge)HTML 배지
<a href="https://skillstore.io/skills/pbakaus-extract?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/pbakaus-extract/security.svg" alt="Skillstore security assessment" loading="lazy"></a>임베드 카드
<iframe src="https://skillstore.io/embed/skills/pbakaus-extract.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). extract security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/pbakaus-extract/audits/4BibTeX 인용
@techreport{pbakaus-pbakaus-extract-2026,
author = {pbakaus},
title = {extract security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/pbakaus-extract/audits/4},
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: "extract security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "pbakaus"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/pbakaus-extract/audits/4"
identifiers:
- type: other
value: "skillstore:pbakaus-extract:audit:4"
description: "Skillstore immutable audit report identifier"
변형 비교
설치 가능한 변형 3개각 작성자의 스킬은 별도의 설치 항목으로 유지됩니다. 추천 변형은 Skillstore 근거로 순위가 정해집니다.
이 변형이 1위인 이유
Skillstore 점수
이 점수의 이유 증거 신뢰도: 높음만들 수 있는 것
중복 컴포넌트 통합
반복되는 UI 패턴을 찾아 문서화된 변형을 갖춘 공유 컴포넌트로 전환합니다.
토큰 시스템 확장
반복되는 색상, 간격, 타이포그래피, 그림자를 명명된 디자인 토큰으로 변환합니다.
UI 정리 계획
기능 영역을 검토하고 재사용 가능한 패턴을 위한 실용적인 마이그레이션 계획을 만듭니다.
이 프롬프트를 사용해 보세요
{target}에 extract 스킬을 사용하세요. 반복되는 컴포넌트, 하드코딩된 디자인 값, 재사용 가능한 레이아웃 패턴을 식별하세요. 무엇을 먼저 추출해야 하는지 요약하세요.extract 스킬을 사용하여 {target}에 대한 추출 계획을 만드세요. 제안된 컴포넌트, 변형, prop 이름, 토큰 필요 사항, 마이그레이션 단계를 포함하세요.extract 스킬을 사용하여 {target}에 대해 승인된 추출 계획을 구현하세요. 기존 디자인 시스템 규칙에 맞추고, 접근성 지원을 추가하며, 문서를 업데이트하세요.extract 스킬을 사용하여 {target}의 기존 구현을 공유 컴포넌트와 토큰으로 교체하세요. 시각적 동등성을 확인하고, 사용되지 않는 코드를 제거하며, 카탈로그 예제를 업데이트하세요.모범 사례
- 세 번 이상 사용되었거나 곧 재사용될 가능성이 높은 패턴부터 시작하세요.
- 기존 컴포넌트, 토큰, import, 문서화 규칙에 맞추세요.
- 기존 구현을 삭제하기 전에 시각적 및 기능적 동등성을 테스트하세요.
피하기
- 명확한 재사용 가치가 없는 일회성 UI를 추출하지 마세요.
- 명확한 제품 목적 없이 범용 컴포넌트를 만들지 마세요.
- 의미적 뜻이 없는 모든 하드코딩된 값을 토큰으로 바꾸지 마세요.