apple-ui-design
Apple에서 영감 받은 인터페이스 디자인
현대적인 제품 팀에는 일관되고 완성도 높은 UI 지침이 필요합니다. 이 스킬은 Claude, Codex, Claude Code에 타이포그래피, 색상, 간격, 컴포넌트, 모션, UX 리뷰를 위한 실용적인 Apple 스타일의 규칙을 제공합니다.
내 에이전트로 설치
이 요청을 에이전트에 복사하세요. 공식 Skill 페이지와 매니페스트가 포함되어 있습니다.
Review the Skillstore skill "apple-ui-design" from https://skillstore.io/skills/barissozen-apple-ui-design.md and its manifest at https://skillstore.io/api/skills/barissozen-apple-ui-design/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.에이전트는 계속해서 계획을 표시하고 보안 정책에서 요구하는 확인을 요청해야 합니다.
에이전트가 읽기 쉬운 리소스
AI 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.
테스트해 보기
"apple-ui-design" 사용 중입니다. 복잡하게 느껴지고 서로 경쟁하는 세 개의 동작 버튼이 있는 결제 화면을 다듬어 주세요.
예상 결과:
하나의 기본 결제 동작, 더 차분한 보조 링크, 더 큰 터치 대상, 결제 섹션 사이의 더 명확한 간격을 갖춘 단순화된 계층입니다.
"apple-ui-design" 사용 중입니다. Apple에서 영감 받은 시각적 품질과 사용성을 기준으로 대시보드를 리뷰해 주세요.
예상 결과:
- 주요 지표 영역에 더 강한 제목 계층을 사용하세요.
- 카드 그림자를 줄이고 간격으로 구분감을 만드세요.
- 애니메이션은 은은하게 유지하고 상태 변화와 연결하세요.
- 릴리스 전에 다크 모드 대비를 확인하세요.
"apple-ui-design" 사용 중입니다. 새 모바일 설정 화면을 위한 비주얼 방향을 만들어 주세요.
예상 결과:
명확한 섹션 제목, 편안한 행 간격, 시스템 타이포그래피, 절제된 색상, 토글에 대한 직접적인 피드백을 갖춘 그룹형 설정 레이아웃입니다.
보안 감사
안전All static findings are false positives caused by Markdown fenced CSS examples in SKILL.md. The skill contains design guidance, CSS tokens, component styling examples, animation notes, and a UX checklist. No executable commands, network access, system probing, data exfiltration, or prompt injection text was found.
위험 요인
이 보고서 공유 및 인용
버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.
보고서 링크 복사
https://skillstore.io/skills/barissozen-apple-ui-design/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 배지
[](https://skillstore.io/skills/barissozen-apple-ui-design?utm_source=security_passport_badge)HTML 배지
<a href="https://skillstore.io/skills/barissozen-apple-ui-design?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/barissozen-apple-ui-design/security.svg" alt="Skillstore security assessment" loading="lazy"></a>임베드 카드
<iframe src="https://skillstore.io/embed/skills/barissozen-apple-ui-design.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 인용
BarisSozen. (2026). apple-ui-design security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/barissozen-apple-ui-design/audits/8BibTeX 인용
@techreport{barissozen-barissozen-apple-ui-design-2026,
author = {BarisSozen},
title = {apple-ui-design security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/barissozen-apple-ui-design/audits/8},
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: "apple-ui-design security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "BarisSozen"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/barissozen-apple-ui-design/audits/8"
identifiers:
- type: other
value: "skillstore:barissozen-apple-ui-design:audit:8"
description: "Skillstore immutable audit report identifier"
Skillstore 점수
이 점수의 이유 증거 신뢰도: 높음만들 수 있는 것
프론트엔드 화면 다듬기
기존 제품 화면에 일관된 타이포그래피, 간격, 카드, 버튼, 모션을 적용합니다.
제품 흐름 리뷰
핸드오프 전에 계층, 점진적 공개, 대비, 터치 대상, 기본 동작의 명확성을 점검합니다.
프리미엄 인터페이스 프로토타입 제작
랜딩 페이지, 대시보드, 앱 화면을 위해 절제된 Apple 스타일의 빠른 인터페이스 방향을 만듭니다.
이 프롬프트를 사용해 보세요
Use the apple-ui-design skill to improve this screen with clean typography, balanced spacing, and one primary action. Keep the layout simple and explain the key changes.
Use the apple-ui-design skill to define typography, color, spacing, card, button, and motion tokens for a responsive web app. Include light and dark modes.
Use the apple-ui-design skill to audit this multi-step workflow for clarity, hierarchy, touch targets, contrast, motion, and progressive disclosure. Prioritize issues by user impact.
Use the apple-ui-design skill to design a premium dashboard interface. Provide guidance for navigation, cards, primary actions, forms, empty states, and responsive behavior.
모범 사례
- 컴포넌트 스타일링 전에 콘텐츠 계층과 하나의 명확한 기본 동작부터 시작하세요.
- 레이아웃, 카드, 컨트롤 그룹 전반에 간격 스케일을 일관되게 사용하세요.
- 릴리스 전에 터치 대상, 대비, 다크 모드, 애니메이션 타이밍을 확인하세요.
피하기
- 같은 화면에서 여러 개의 경쟁하는 기본 동작을 결합하는 것.
- 목적 없이 장식용 폰트, 강한 그림자, 과도하게 둥근 대형 카드를 사용하는 것.
- 사용자 피드백을 방해하거나 성능을 저하시키는 모션을 적용하는 것.
자주 묻는 질문
이 스킬은 무엇을 만드는 데 도움이 되나요?
실행 가능한 코드가 포함되어 있나요?
Claude, Codex, Claude Code와 함께 사용할 수 있나요?
이것은 공식 Apple 디자인 리소스인가요?
비주얼 에셋을 생성하나요?
UI 리뷰 중에 어떻게 사용해야 하나요?
개발자 세부 정보
작성자
BarisSozen라이선스
MIT
Skillstore 리비전
r1
버전 안내
작성자가 버전을 선언하지 않았습니다.
참조
c4231f0153ccd2a2ed62274c5a372bf8f2386d3f
유지보수 최신성
2026. 7. 18.
사용량
258 다운로드 · 277 조회
파일 구조
📄 SKILL.md