stitch-design-taste
프리미엄 Google Stitch 디자인 시스템 만들기
일반적인 AI 화면은 종종 일관성이 없어 보이고 다듬기 어렵습니다. 이 스킬은 프로젝트 방향을 Google Stitch, Claude, Codex, Claude Code를 안내하는 구조화된 DESIGN.md로 전환합니다.
내 에이전트로 설치
이 요청을 에이전트에 복사하세요. 공식 Skill 페이지와 매니페스트가 포함되어 있습니다.
Review the Skillstore skill "stitch-design-taste" from https://skillstore.io/skills/leonxlnx-stitch-design-taste.md and its manifest at https://skillstore.io/api/skills/leonxlnx-stitch-design-taste/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.에이전트는 계속해서 계획을 표시하고 보안 정책에서 요구하는 확인을 요청해야 합니다.
에이전트가 읽기 쉬운 리소스
AI 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.
테스트해 보기
"stitch-design-taste" 사용 중입니다. 에이전시 팀을 위한 생산성 대시보드.
예상 결과:
균형 잡힌 밀도, 하나의 차분한 강조 색상, 대시보드에 적합한 타이포그래피, 비대칭 섹션, 엄격한 반응형 규칙을 갖춘 DESIGN.md 방향.
"stitch-design-taste" 사용 중입니다. 사진작가를 위한 에디토리얼 포트폴리오.
예상 결과:
더 높은 창의성, 이미지 중심 헤드라인, 개성 있는 타이포그래피, 절제된 색상, 일반적인 포트폴리오 패턴에 대한 명확한 금지를 포함한 시각 시스템.
"stitch-design-taste" 사용 중입니다. 모바일 및 데스크톱용 핀테크 온보딩 플로우.
예상 결과:
보수적인 모션, 신뢰 중심의 색상 역할, 폼 상태, 터치 대상 규칙, 모바일 우선 레이아웃 가이드를 포함한 디자인 시스템.
보안 감사
안전All 30 static findings were adjudicated as false positives. The external command findings are Markdown backticks, the network finding is a documentation link, and the blocker findings are design terminology. No semantic security issue or prompt injection attempt was found in SKILL.md or DESIGN.md.
위험 요인
이 보고서 공유 및 인용
버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.
보고서 링크 복사
https://skillstore.io/skills/leonxlnx-stitch-design-taste/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 배지
[](https://skillstore.io/skills/leonxlnx-stitch-design-taste?utm_source=security_passport_badge)HTML 배지
<a href="https://skillstore.io/skills/leonxlnx-stitch-design-taste?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/leonxlnx-stitch-design-taste/security.svg" alt="Skillstore security assessment" loading="lazy"></a>임베드 카드
<iframe src="https://skillstore.io/embed/skills/leonxlnx-stitch-design-taste.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 인용
leonxlnx. (2026). stitch-design-taste security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/leonxlnx-stitch-design-taste/audits/4BibTeX 인용
@techreport{leonxlnx-leonxlnx-stitch-design-taste-2026,
author = {leonxlnx},
title = {stitch-design-taste security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/leonxlnx-stitch-design-taste/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: "stitch-design-taste security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "leonxlnx"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/leonxlnx-stitch-design-taste/audits/4"
identifiers:
- type: other
value: "skillstore:leonxlnx-stitch-design-taste:audit:4"
description: "Skillstore immutable audit report identifier"
Skillstore 점수
이 점수의 이유 증거 신뢰도: 높음만들 수 있는 것
Stitch 프로토타입 준비
Google Stitch에서 화면을 생성하기 전에 공유 DESIGN.md를 만듭니다.
프론트엔드 구현 안내
Stitch 내보내기 이후 구현을 위한 명확한 규칙으로 시각적 취향을 변환합니다.
초기 제품 방향 정렬
완전한 디자인 시스템이 존재하기 전에 프리미엄 시각 방향을 설정합니다.
이 프롬프트를 사용해 보세요
[product type]용 DESIGN.md를 만드세요. creativity 6, density 4, variance 5, motion 4를 사용하세요. 색상 역할, 타이포그래피, 레이아웃 규칙, 금지된 패턴을 포함하세요.
[brand colors]와 [audience]를 반영하여 [project]용 DESIGN.md를 만드세요. 하나의 강조 색상만 유지하고, 일반적인 AI 패턴을 피하며, 반응형 규칙을 명시적으로 작성하세요.
이 Stitch 콘셉트 설명을 검토하세요: [paste description]. 인터페이스가 [adjectives]하게 느껴지도록 디자인 시스템을 다시 작성하고, 명확한 컴포넌트, 모션 의도, 안티 패턴을 포함하세요.
Stitch 내보내기 이후 코딩 에이전트가 구현할 수 있도록 [product]용 고급 DESIGN.md를 만드세요. 뷰포트 테스트, 레이아웃 규칙, 컴포넌트 상태, 모션 제약을 포함하세요.
모범 사례
- 디자인 시스템을 요청하기 전에 창의성, 밀도, 변형, 모션을 설정하세요.
- 제품 유형, 대상 사용자, 브랜드 제약, Stitch가 생성해야 할 화면을 제공하세요.
- 금지된 패턴을 검토하고 브랜드 요구사항과 충돌하는 항목을 제거하세요.
피하기
- 이 스킬을 보안 또는 접근성 컴플라이언스 검토로 사용하지 마세요.
- 규제 대상 브랜드에 더 엄격한 규칙이 필요할 때 기본 미학을 그대로 받아들이지 마세요.
- 프로토타입 디자인 작업을 위한 프롬프트에 민감한 제품 데이터를 붙여 넣지 마세요.
자주 묻는 질문
이 스킬이 Google Stitch를 호출하나요?
Claude, Codex, Claude Code와 함께 사용할 수 있나요?
프로덕션 코드를 생성하나요?
시각 스타일을 변경할 수 있나요?
접근성 검사가 포함되어 있나요?
왜 일반적인 폰트와 레이아웃을 금지하나요?
개발자 세부 정보
작성자
leonxlnx라이선스
MIT
Skillstore 리비전
r1
버전 안내
작성자가 버전을 선언하지 않았습니다.
참조
b8ca75d2c0a7e7102978993058777d82b8ab2610
유지보수 최신성
2026. 7. 18.
사용량
10 다운로드 · 83 조회