홈 / Skills
AI 에이전트 Skills
Claude Code 등 AI 에이전트를 위해 엄선한 Skills입니다. 대부분 실제 실행 데모가 있고 모두 출처, 라이선스, 위험 요소를 표시하며, 직접 시험하지 않은 것은 분명히 표시합니다.
UI Styling (shadcn/ui + Tailwind)
shadcn/ui와 Tailwind CSS로 접근성 좋은 반응형 인터페이스를 만드는 가이드. 다크 모드, 테마 설정, 캔버스 기반 비주얼 디자인 접근법도 다룹니다.
웹 디자인 리뷰어 (Web Design Reviewer)
실행 중인 웹사이트의 레이아웃, 반응형, 접근성, 일관성 문제를 점검하고, 최소한의 변경으로 소스 코드를 고친 뒤 다시 확인합니다.
알고리즘 아트 Algorithmic Art
주제를 생성 예술 선언문으로 쓴 뒤, 시드 전환·파라미터 슬라이더·PNG 내보내기가 있는 p5.js 인터랙티브 작품으로 만들어 줍니다.
Slides (전략적 HTML 프레젠테이션)
설득력 있는 HTML 프레젠테이션을 기획하고 작성합니다. 덱 구조, 슬라이드별 레이아웃, 카피 공식, Chart.js 차트를 지원하며 키보드 탐색이 기본 포함됩니다.
Web Artifacts Builder
TypeScript, Tailwind CSS, shadcn/ui로 복잡한 독립형 React 웹 아티팩트를 만듭니다.