·frontend-design
</>

frontend-design

yyh211/claude-meta-skill

뛰어난 디자인 품질로 고유한 프로덕션급 프런트엔드 인터페이스를 만듭니다. 사용자가 웹 구성 요소, 페이지, 자료, 포스터 또는 애플리케이션(예: 웹 사이트, 랜딩 페이지, 대시보드, React 구성 요소, HTML/CSS 레이아웃 또는 웹 UI 스타일 지정/미화)을 구축하도록 요청할 때 사용합니다. 평범한 AI 미학을 피하는 창의적이고 세련된 코드와 UI 디자인을 생성합니다.

15설치·0트렌드·@yyh211

설치

$npx skills add https://github.com/yyh211/claude-meta-skill --skill frontend-design

SKILL.md

创造性诠释是关键。不要问用户"你想要什么颜色?",而是基于上下文做出大胆的设计决策。每个设计都应该是独一无二的。在不同项目之间变化浅色/深色主题、字体和美学风格。

뛰어난 디자인 품질로 고유한 프로덕션급 프런트엔드 인터페이스를 만듭니다. 사용자가 웹 구성 요소, 페이지, 자료, 포스터 또는 애플리케이션(예: 웹 사이트, 랜딩 페이지, 대시보드, React 구성 요소, HTML/CSS 레이아웃 또는 웹 UI 스타일 지정/미화)을 구축하도록 요청할 때 사용합니다. 평범한 AI 미학을 피하는 창의적이고 세련된 코드와 UI 디자인을 생성합니다. 출처: yyh211/claude-meta-skill.

터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/yyh211/claude-meta-skill --skill frontend-design 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다

보안 인증 완료, 신뢰할 수 있는 코드 원클릭 설치, 간편한 설정 Claude Code, Cursor 등 지원

원본 보기

인용 가능한 정보

AI/검색 인용용 안정적인 필드와 명령어.

설치 명령어
npx skills add https://github.com/yyh211/claude-meta-skill --skill frontend-design
카테고리
</>개발 도구
인증됨
최초 등록
2026-02-01
업데이트
2026-02-18

빠른 답변

frontend-design이란?

뛰어난 디자인 품질로 고유한 프로덕션급 프런트엔드 인터페이스를 만듭니다. 사용자가 웹 구성 요소, 페이지, 자료, 포스터 또는 애플리케이션(예: 웹 사이트, 랜딩 페이지, 대시보드, React 구성 요소, HTML/CSS 레이아웃 또는 웹 UI 스타일 지정/미화)을 구축하도록 요청할 때 사용합니다. 평범한 AI 미학을 피하는 창의적이고 세련된 코드와 UI 디자인을 생성합니다. 출처: yyh211/claude-meta-skill.

frontend-design 설치 방법은?

터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/yyh211/claude-meta-skill --skill frontend-design 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다

소스 저장소는 어디인가요?

https://github.com/yyh211/claude-meta-skill