·web-interface-architect
</>

web-interface-architect

qodex-ai/ai-agent-skills

웹 애플리케이션 인터페이스를 설계하고 디자인합니다. 웹 플랫폼을 위한 구성 요소 시스템, 상호 작용 흐름 및 반응형 레이아웃을 계획합니다.

23설치·1트렌드·@qodex-ai

설치

$npx skills add https://github.com/qodex-ai/ai-agent-skills --skill web-interface-architect

SKILL.md

This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices.

The user provides frontend requirements: a component, page, application, or interface to build. They may include context about the purpose, audience, or technical constraints.

Before coding, understand the context and commit to a BOLD aesthetic direction:

웹 애플리케이션 인터페이스를 설계하고 디자인합니다. 웹 플랫폼을 위한 구성 요소 시스템, 상호 작용 흐름 및 반응형 레이아웃을 계획합니다. 출처: qodex-ai/ai-agent-skills.

원본 보기

인용 가능한 정보

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

설치 명령어
npx skills add https://github.com/qodex-ai/ai-agent-skills --skill web-interface-architect
카테고리
</>개발 도구
인증됨
최초 등록
2026-02-01
업데이트
2026-02-18

빠른 답변

web-interface-architect이란?

웹 애플리케이션 인터페이스를 설계하고 디자인합니다. 웹 플랫폼을 위한 구성 요소 시스템, 상호 작용 흐름 및 반응형 레이아웃을 계획합니다. 출처: qodex-ai/ai-agent-skills.

web-interface-architect 설치 방법은?

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

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

https://github.com/qodex-ai/ai-agent-skills