Humanize Web — Design skill for Claude Code
윤문 파이프라인을 웹 서비스(Next.js 15 + Vercel)로 확장하는 아키텍처·UX·API 설계.
How to install Humanize Web
Installs to ~/.claude/skills/gaebalai-im-not-ai-humanize-web/SKILL.md
mkdir -p ~/.claude/skills/gaebalai-im-not-ai-humanize-web && curl -fsSL https://raw.githubusercontent.com/gaebalai/im-not-ai/HEAD/commands/humanize-web.md -o ~/.claude/skills/gaebalai-im-not-ai-humanize-web/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Humanize Web does
description: 윤문 파이프라인을 웹 서비스(Next.js 15 + Vercel)로 확장하는 아키텍처·UX·API 설계 argument-hint: [선택: 추가 요구사항 — 예 "로그인 포함" "익명 MVP만" "Chrome Extension까지"]
/humanize-web — 웹 서비스 확장 설계
`humanize-web-architect` 에이전트를 호출해 Next.js 15 App Router + Vercel Fluid Compute + AI Gateway 기반 웹앱 설계 문서를 생성한다.
사용자 요구
$ARGUMENTS
동작
_workspace/web/디렉토리 준비 (없으면 생성).humanize-web-architect를Agent도구(subagent_type: humanize-web-architect,model: "opus")로 호출.- 입력 프롬프트:
spec_path: hum
Alternatives in Design
- Frontend Design — Create distinctive, production-grade frontend interfaces with high design quality 94.1k ★
- Export Diagram — Export a diagram-design HTML file to .svg and .png next to the source 27.2k ★
- CloudCLI — 8,400+ Free open-source web/mobile UI for Claude Code, Cursor CLI, and Codex 8.7k ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
J Frontend
Frontend consultation — frameworks, design systems, and web patterns. Use when building with React, Next.js, S
Web Design Best Practice
Review UI code for Vercel Web Interface Guidelines compliance
Web Interface Guidelines
Review UI code for Vercel Web Interface Guidelines compliance
API Design Review
Perform a comprehensive API design review for this project and generate a full report. Works for REST APIs, Gr
Design Framework
Convert HTML/CSS design output to framework-specific component code. Supports web: React+Tailwind, Vue 3+UnoCS
Opencode Vibe
🏄♂️ Next.js 16 web UI for OpenCode - real-time chat with streaming, SSE sync, and React Server Components
Related Agents
Humanize Web Architect
Humanize KR 파이프라인을 Next.js 15 App Router + Vercel Fluid Compute 기반 웹 서비스로 확장할 때 호출되는 아키텍트. 붙여넣기 입력 → 탐지 하이라이트
Web Builder
Builds and ships marketing websites, landing pages and brochure sites on Next.js App Router and Vercel. Use fo
Shep Web Route Creator
Scaffolds ONE new Next.js API route under src/presentation/web/app/api/, wires it to an existing use case via