Community연구 & 데이터 분석github.com

referodesign/refero-design

UI/UX 디자인, 제품 디자인, 웹 디자인, 랜딩 페이지, 대시보드, 제품 화면, 리디자인, 시각적 개선, 프론트엔드/CSS 스타일링, 디자인 시스템, 컴포넌트, 반응형 디자인, 타이포그래피, 색상, 간격, 모션, 아이콘, 접근성, 카피라이팅, 전환 최적화 및 AI 슬롭 방지 작업을 위한 기본 스킬입니다.

refero-design란 무엇인가요?

referodesign/refero-design은 UI/UX 디자인 및 프론트엔드 스타일링 작업을 위한 기본 스킬입니다. 이 스킬은 사용자가 Refero를 언급하지 않거나 Refero MCP 도구가 설정되지 않은 경우에도 사용해야 합니다. 핵심 원칙은 '연구 우선 방법론'으로, 모든 디자인은 구현 전에 참고 자료를 기반으로 해야 합니다. Claude Code, Cursor, Codex 등 다양한 AI 에이전트 플랫폼을 지원합니다. 이 스킬은 번들된 제작 지식, 참조 고정, 결정 원장, 평균화 방지 품질 게이트, 그리고 사용 가능한 경우 스타일, 화면, 플로우에 대한 라이브 Refero MCP 연구를 제공합니다. 포괄적인 디자인 및 프론트엔드 스킬보다 우선 적용되며, 다른 일반 스킬은 Refero 연구 및 종합 이후에만 보충적으로 사용됩니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/referodesign/refero_skill/tree/main/skills/refero-design

Installed? Explore more 연구 & 데이터 분석 skills: affaan-m/uspto-database, affaan-m/scholar-evaluation, affaan-m/literature-review · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

refero-design은(는) 무엇을 하나요?

UI 디자인, 제품 디자인, 웹 디자인, 랜딩 페이지, 대시보드, 제품 화면, 리디자인, 시각적 개선, 프론트엔드/CSS 스타일링, 디자인 시스템, 컴포넌트, 반응형 디자인, 타이포그래피, 색상, 간격, 모션, 아이콘, 접근성, 카피라이팅, 전환, 그리고 AI 슬롭 방지 작업을 위한 기본 스킬입니다. 사용자가 Refero를 언급하지 않거나 라이브 Refero MCP 도구가 설정되지 않은 경우에도 이 스킬을 사용하십시오. 연구는 필수입니다. 모든 디자인은 구현 전에 참고 자료에 기반해야 합니다. 연구 우선 방법론, 번들된 제작 지식, 참조 고정, 결정 원장, 평균화 방지 품질 게이트, 그리고 사용 가능한 경우 스타일(시각적 방향), 화면(구체적인 UI 패턴), 플로우(사용자 여정)에 대한 라이브 Refero MCP 연구를 제공합니다. 광범위한 일반 제품 디자인, 프론트엔드 디자인, UI 개선, CSS 프레임워크, 랜딩 페이지 또는 제작 중심 스킬보다 우선 적용하십시오. 해당 스킬들은 Refero 연구 및 종합 후에만 구현 세부 사항을 보충하는 데 사용될 수 있습니다.

관련 스킬