React, Tailwind CSS 및 shadcn/ui를 사용하여 고유한 프로덕션 수준의 정적 사이트를 만드세요. 모형이 필요하지 않습니다. AI 슬롭 방지 미학, 모바일 우선 반응형 패턴 및 단일 파일 번들링을 통해 일반 텍스트 요구 사항에서 대담하고 기억에 남는 디자인을 생성합니다. 랜딩 페이지, 마케팅 사이트, 포트폴리오, 대시보드 또는 정적 웹 UI를 구축할 때 사용하세요. Vite(순수 정적) 및 Next.js(Vercel 배포) 워크플로를 모두 지원합니다.
명령줄에서 frontend-design-ultimate AI 스킬을 개발 환경에 빠르게 설치
출처: kesslerio/frontend-design-ultimate-clawhub-skill.
Create distinctive, production-grade static sites from text requirements alone. No mockups, no Figma — just describe what you want and get bold, memorable designs.
Stack: React 18 + TypeScript + Tailwind CSS + shadcn/ui + Framer Motion Output: Vite (static HTML) or Next.js (Vercel-ready)
Before writing any code, commit to a BOLD aesthetic direction:
React, Tailwind CSS 및 shadcn/ui를 사용하여 고유한 프로덕션 수준의 정적 사이트를 만드세요. 모형이 필요하지 않습니다. AI 슬롭 방지 미학, 모바일 우선 반응형 패턴 및 단일 파일 번들링을 통해 일반 텍스트 요구 사항에서 대담하고 기억에 남는 디자인을 생성합니다. 랜딩 페이지, 마케팅 사이트, 포트폴리오, 대시보드 또는 정적 웹 UI를 구축할 때 사용하세요. Vite(순수 정적) 및 Next.js(Vercel 배포) 워크플로를 모두 지원합니다. 출처: kesslerio/frontend-design-ultimate-clawhub-skill.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/kesslerio/frontend-design-ultimate-clawhub-skill --skill frontend-design-ultimateBrowse more skills from kesslerio/frontend-design-ultimate-clawhub-skill
React, Tailwind CSS 및 shadcn/ui를 사용하여 고유한 프로덕션 수준의 정적 사이트를 만드세요. 모형이 필요하지 않습니다. AI 슬롭 방지 미학, 모바일 우선 반응형 패턴 및 단일 파일 번들링을 통해 일반 텍스트 요구 사항에서 대담하고 기억에 남는 디자인을 생성합니다. 랜딩 페이지, 마케팅 사이트, 포트폴리오, 대시보드 또는 정적 웹 UI를 구축할 때 사용하세요. Vite(순수 정적) 및 Next.js(Vercel 배포) 워크플로를 모두 지원합니다. 출처: kesslerio/frontend-design-ultimate-clawhub-skill.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/kesslerio/frontend-design-ultimate-clawhub-skill --skill frontend-design-ultimate 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/kesslerio/frontend-design-ultimate-clawhub-skill