스킬 자체의 표현으로
현재 디자인을 진단하고, 흔한 AI 패턴을 식별하며, 기능을 깨뜨리지 않고 고급 디자인 표준을 적용하여 기존 웹사이트와 앱을 프리미엄 시각적 품질로 업그레이드합니다. 모든 CSS 프레임워크 또는 순수 CSS와 함께 작동합니다.
이 skill은 코드베이스를 스캔하여 프레임워크와 스타일링 방식을 식별하고, 종합적인 디자인 감사를 통해 모든 흔한 패턴과 약점을 진단한 다음, 기존 스택과 함께 작동하는 목표 지향적 업그레이드를 적용합니다. 변경 사항은 폰트 교체와 색상 정리부터 컴포넌트 교체와 타이포그래피 다듬기까지, 시각적 영향과 위험도에 따라 우선순위가 정해집니다.
검토 보고서
예시 프롬프트 보기 ↗작동 방식
- 01코드베이스 스캔
코드베이스를 읽어 프레임워크, 스타일링 방식(Tailwind, 순수 CSS, styled-components 등), 그리고 현재 디자인 패턴을 식별합니다.
- 02흔한 패턴 진단
디자인 감사를 실행하여 프로젝트에서 발견된 모든 흔한 패턴, 약점, 누락된 상태를 나열합니다.
- 03목표 지향적 업그레이드로 수정
처음부터 다시 작성하지 않고 기존 스택과 함께 작동하는 목표 지향적 업그레이드를 적용하여 이미 있는 것을 개선합니다.