frontend-design

작성자: anthropic

차별화된 프로덕션급 프론트엔드 인터페이스로, 의도적인 디자인 방향성을 통해 일반적인 AI 미학을 거부합니다. 코딩 전에 디자인 사고를 통해 개발자를 안내합니다: 목적, 톤, 제약 조건 및 기억에 남는 차별점을 설정하여 획일적인 결과를 피합니다. 타이포그래피 선택(독특한 디스플레이 및 본문 글꼴), CSS 변수를 사용한 응집력 있는 색상 팔레트, 그리고 계단식 애니메이션과 스크롤 트리거를 통한 높은 임팩트의 모션을 강조합니다. 공간 구성을 다룹니다...

npx skills add https://github.com/anthropics/claude-code --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' 등을 언급하면 자동으로 활성화됩니다.