Color Palette

사용해 보기

• Build an accessible palette from our brand colour
• Pull a colour palette from this photo of our café and make it usable for a website
• 我想要一套“安静、高级”感觉的配色，给我色板和对比度检查

세부 정보

Publisher

VIFE official

Runtime

Runs in a cloud sandbox

마지막 업데이트

2026년 11월 8일

Related skills

• 

  Presentation

  Plan, design and export polished, editable slide decks from an idea, an outline or a document.

  Vife디자인+1

  Vife디자인비즈니스+3

  28 사용됨

• 

  Landing Page Builder

  Build a polished, responsive single-file landing page with real copy, accessible markup and meta tags, previewed at desktop and mobile sizes.

  Vife디자인+1

  Vife디자인코딩+3

  0 사용됨

• 

  Brand Identity Kit

  Define a brand's positioning, voice, colours, type and logo, and package them as a guidelines PDF with ready-to-use design tokens.

  Vife디자인+1

  Vife디자인비즈니스+3

  0 사용됨

• 

  Accessibility Audit

  Audit a website against WCAG 2.2 AA with browser checks, keyboard and focus walks and manual review, then deliver findings with selectors and fixes.

  Vife코딩+1

  Vife코딩디자인+3

  0 사용됨

• 

  일괄 이미지 생성

  한 번에 하나씩이 아니라 한 번의 실행으로 여러 이미지를 생성할 수 있습니다. 프롬프트 목록, 변형 매트릭스(SKU, 색상, 스타일, 포즈, 배경, 화면 비율 등), 또는 하나의 콘셉트를 체계적으로 확장한 변형에서 만들 수 있습니다. 이 스킬은 변하지 않는 모든 파라미터를 고정하고, 이미지당 한 행씩 번호가 매겨진 표를 만들고, 각 결과를 생성·검증하며, 배치 순서대로 정렬되도록 결정적인 파일명을 지정합니다. 이미지 폴더와 함께 각 id, 프롬프트, 변동 속성, 파라미터, 파일명, 상태를 나열한 매니페스트, 그리고 성공·재시도·실패 요약을 돌려받습니다.

  Samantha Carus미디어+2

  Samantha Carus미디어자동화디자인+4

  5 사용됨

• 

  코드베이스 아키텍처 개선

  코드베이스에서 아키텍처상의 마찰을 스캔하고 심화 기회를 시각적인 HTML 보고서로 확인하세요. 얕은 모듈을 깊은 모듈로 바꾸는 리팩터링을 통해 테스트 용이성과 AI 탐색성이 향상됩니다. 스캔은 최근 변경된 핫스팟(또는 지정한 방향)을 우선시하고, 용어집과 ADR을 읽으며, 하나의 개념을 이해하기 위해 여러 작은 모듈을 오가야 하는 지점을 탐색합니다. 각 후보 카드에는 관련 파일, 문제점, 제안 해결책, 지역성과 레버리지 측면의 이점, 비포/애프터 다이어그램, 추천 강도가 표시되며, 마지막에 최우선 추천이 제시됩니다. 하나를 선택하면 에이전트가 의사결정 트리를 함께 따라갑니다.

  mattpocock코딩+1

  mattpocock코딩디자인+3

  스타 318.2k개

• 

  일회용 프로토타이핑

  하나의 설계 질문에 답하기 위해 빠르게 만드는 일회용 프로토타입을 제공합니다. 상태 모델이나 로직 일부가 적절한지 확신이 서지 않을 때는 자유롭게 조작할 수 있는 버튼과 탭으로 구성된 가이드 워크스루가 포함된 공유 가능한 HTML 파일 하나로 상태 머신을 까다로운 케이스까지 밀어붙여 확인할 수 있습니다. UI가 어떻게 보여야 하는지 탐색 중이라면 하나의 라우트에 근본적으로 다른 여러 변형을 만들어 URL 파라미터와 화면 하단의 플로팅 바를 통해 전환할 수 있습니다. 프로토타입은 명확히 표시되고 실행이 간단하며, 빠르게 학습할 수 있도록 다듬기는 생략합니다.

  mattpocock코딩+1

  mattpocock코딩디자인+3

  스타 318.2k개

• 

  무언가 가르쳐 줘

  현재 디렉터리에 학습 워크스페이스를 만들고 여러 세션에 걸쳐 한 주제를 가르쳐 주는 나만의 선생님이 생깁니다. 배우는 이유는 미션 파일에 기록되고, 배운 내용은 학습 기록으로 추적되며, 신뢰할 수 있는 자료가 수집됩니다. 또한 상호작용 퀴즈와 피드백 루프를 갖춘 짧고 아름다운 HTML 레슨을 만들어 줍니다. 인쇄 가능한 참고 문서와 용어집도 만들고, 실제 세상에서 연습할 수 있는 커뮤니티도 알려 줍니다.

  mattpocock콘텐츠+2

  mattpocock콘텐츠디자인자동화+4

  스타 318.2k개