frontend-ui-engineering
자동 수집 항목입니다. 설치 설정은 저장소 README에서 그대로 가져왔지만, 한국어 설명과 부서 분류는 아직 확인하지 않았습니다. 설치 전에 저장소를 한 번 확인하세요.
프로덕션 품질의 접근 가능하고 반응형인 사용자 인터페이스를 구축합니다. 인터페이스나 페이지를 만들거나 수정할 때, 컴포넌트를 만들 때, 레이아웃을 구현할 때, WCAG 접근성 요구사항을 충족할 때, 상태를 관리할 때, 또는 결과물이 AI가 만든 것처럼 보이지 않고 프로덕션 품질처럼 보여야 할 때 사용합니다.
설치하기
Claude Code에서 위 두 줄을 차례로 실행합니다. `agent-skills` 묶음에 이 스킬이 들어 있습니다. 설치한 뒤에는 이름을 언급하면 발동합니다 — 예: "frontend-ui-engineering 스킬로 정리해줘". 원본: https://github.com/addyosmani/agent-skills/tree/main/skills/frontend-ui-engineering
/plugin marketplace add addyosmani/agent-skills /plugin install agent-skills@addy-agent-skills
설치와 실행은 사용자 환경에서 이뤄집니다. team-ai는 이 도구를 호스팅하거나 대신 실행하지 않습니다. 제공처와 저장소를 확인한 뒤 설치하세요.
설명
원문: Builds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating components, implementing layouts, meeting WCAG accessibility requirements, managing state, or when the output needs to look and feel production-quality rather than AI-generated.