frontend-design

작성자: anthropic

독창적이고 프로덕션 수준의 프론트엔드 인터페이스로, 의도적인 디자인 방향을 통해 일반적인 AI 미학을 거부합니다. 코딩 전에 디자인 사고를 통해 개발자를 안내합니다: 목적, 톤, 제약 조건 및 기억에 남는 차별점을 설정하여 미적 선택을 고정합니다. 타이포그래피, 색상 테마, 모션, 공간 구성 및 질감 디테일을 시각적 임팩트를 위한 핵심 수단으로 강조합니다. 과도하게 사용된 글꼴(Inter, Roboto, Arial), 진부한 색상 구성(보라색...)에 대해 명시적으로 경고합니다.

npx skills add https://github.com/anthropics/claude-plugins-official --skill frontend-design

ZIP 다운로드 GitHub

anthropic의 다른 스킬

항상 이 데이터 소스 계층 구조를 따르십시오:

analyzing-financial-statements

이 스킬은 재무제표 데이터로부터 투자 분석을 위한 주요 재무 비율과 지표를 계산합니다.

applying-brand-guidelines

이 스킬은 생성된 모든 문서에 일관된 기업 브랜딩과 스타일(색상, 글꼴, 레이아웃, 메시징 포함)을 적용합니다.

Anthropic Cookbook 노트북을 루브릭에 따라 감사합니다. 노트북 리뷰나 감사가 요청될 때마다 사용하세요.

creating-financial-models

이 스킬은 DCF 분석, 민감도 테스트, 몬테카를로 시뮬레이션, 시나리오 플래닝을 포함한 고급 재무 모델링 제품군을 투자…에 제공합니다.

사용자가 채팅 인터페이스에서 클릭 시 이메일 작업을 실행하는 사용자별 원클릭 액션 템플릿을 생성합니다. 사용자가 재사용 가능한 액션을 원할 때 사용합니다.

포괄적인 문서 생성, 편집 및 분석 기능을 제공하며, 변경 내용 추적, 주석, 서식 유지, 텍스트 추출을 지원합니다. Claude가...

executive-briefing

연구 결과를 경영진용 브리핑으로 변환합니다. 사용자가 'executive', 'briefing', 'C-suite', 'board' 등을 언급하면 자동으로 활성화됩니다.