디자인스킬

접근성 감사 스킬

WCAG 2.2 A/AA/AAA 적합성 감사와 심각도 평가

upstream · MIT · SKILL.md

알고리즘 아트 스킬

시드 난수·플로우 필드·파티클 기반 p5.js 제너러티브 아트

upstream · Apache-2.0 · SKILL.md

추출

애니디자인 추출 스킬

이미지·웹사이트·Figma 분석 → 토큰·컴포넌트 인벤토리 design.md 생성

upstream · MIT · SKILL.md

아트 디렉션 스킬

캠페인·사진·일러스트·영상 비주얼/크리에이티브 디렉션

upstream · MIT · SKILL.md

브랜드 스타일 가이드 스킬

브랜드 스토리·로고 시스템·컬러·타이포·보이스 전체 가이드 구축/감사

upstream · MIT · SKILL.md

캔버스 아트 디자인 스킬

디자인 철학 기반 PNG/PDF 시각 아트 — 포스터·커버·아트웍 제작

upstream · Apache-2.0 · SKILL.md

시네마틱 UI 스킬

영화적 웹 디자인 — 감독 주도 아트디렉션·스토리보드 레이아웃·시네마틱 모션

upstream · MIT · SKILL.md

디자인 크리틱 스킬

사용성 휴리스틱·UX 법칙·IA·콘텐츠 품질 기준 UI 평가

upstream · MIT · SKILL.md

추출

디자인 DNA 추출 스킬

레퍼런스 UI → 토큰·정성 스타일·비주얼 이펙트 3차원 디자인 DNA

upstream · MIT · SKILL.md

변환

디자인 엘리베이션 스킬

기능만 하는 시각 결과물을 완성도 높은 디자인으로 끌어올림

upstream · MIT · SKILL.md

디자인 시스템 구축 스킬

디자인 토큰·컴포넌트 스펙·패턴 라이브러리·네이밍·거버넌스

upstream · MIT · SKILL.md

추출

디자인 시스템 추출 스킬

공개 웹사이트에서 컬러·타이포·간격 등 디자인 프리미티브 추출

upstream · MIT · SKILL.md

변환

피그마 투 코드 스킬

Figma 디자인 → 프로덕션 React/Next.js (컴포넌트 재사용·배리언트 매핑)

upstream · MIT · SKILL.md

프론트엔드 디자인 스킬

탈템플릿 UI 시각 방향·타이포그래피 지침 — 과감한 디자인 결정 유도

upstream · Apache-2.0 · SKILL.md

프론트엔드 슬라이드 스킬

애니메이션 풍부한 HTML 프레젠테이션 — 신규 제작·PPT 변환

upstream · MIT · SKILL.md

랜딩 생성 스킬

Verified

랜딩 한 장을 구조 계약 안에서 생성 — 섹션 순서·카피 톤·CTA 규칙 포함

2.0.0 · MIT · SKILL.md

로고 디자인 스킬

워드마크·락업·심볼·모노그램 아키텍처별 프로덕션급 로고 배리언트

upstream · MIT · SKILL.md

스타일시드 디자인 리뷰

UI가 'AI 티 나는' 이유를 짚고 교정 방법을 제시하는 리뷰

upstream · MIT · SKILL.md

SwiftUI 디자인 스킬

iOS/macOS SwiftUI 시각 디자인 — AI 슬롭 방지 규칙과 디자인 방향

upstream · MIT · SKILL.md

변환

테마 팩토리 스킬

슬라이드·문서·HTML에 10종 프리셋 폰트/컬러 테마 적용

upstream · Apache-2.0 · SKILL.md

시각 검수 스킬

Verified

렌더 결과를 뷰포트별로 점검 — 겹침·오버플로·대비·여백 리듬

1.4.0 · MIT · HTML + Tailwind CDN

웹 아티팩트 빌더 스킬

React·Tailwind·shadcn/ui 기반 복합 다중 컴포넌트 HTML 아티팩트 구축

upstream · Apache-2.0 · SKILL.md

웹 에셋 생성 스킬