From frontflow
기존 프로젝트의 컴포넌트, 훅, 유틸리티를 스캔하여 레지스트리를 생성합니다. "코드베이스 스캔", "기존 컴포넌트 파악" 요청 시 사용.
npx claudepluginhub hbs9312/hbs9312-plugins --plugin frontflowThis skill is limited to using the following tools:
기존 프로젝트에서 재사용 가능한 컴포넌트, 훅, 유틸리티를 파악합니다.
Guides Next.js Cache Components and Partial Prerendering (PPR): 'use cache' directives, cacheLife(), cacheTag(), revalidateTag() for caching, invalidation, static/dynamic optimization. Auto-activates on cacheComponents: true.
Guides building MCP servers enabling LLMs to interact with external services via tools. Covers best practices, TypeScript/Node (MCP SDK), Python (FastMCP).
Share bugs, ideas, or general feedback.
기존 프로젝트에서 재사용 가능한 컴포넌트, 훅, 유틸리티를 파악합니다. F2에서 "이미 있는 것을 새로 만들지 않도록" 방지하는 핵심 스킬입니다.
frontend.md에서 경로를 읽어 스캔:
프로젝트 컴포넌트 (component_dir)
디자인 시스템 패키지 (design_system_package)
npm ls --json으로 패키지 존재 확인커스텀 훅 (hook_dir)
공유 유틸리티 (util_dir)
# component-registry.md
existing_components:
from_design_system:
- name: "Button"
package: "@company/ui-kit"
props: ["variant", "size", "disabled", "onClick", "children"]
variants: ["primary", "secondary", "ghost", "danger"]
- name: "Input"
package: "@company/ui-kit"
props: ["label", "error", "placeholder", "value", "onChange"]
from_project:
- name: "Card"
path: "src/components/common/Card"
props: ["children", "className"]
used_by: ["Dashboard", "Settings"]
- name: "Modal"
path: "src/components/common/Modal"
props: ["isOpen", "onClose", "title", "children"]
existing_hooks:
- name: "useAuth"
path: "src/hooks/useAuth"
returns: "{ user, isLoading, login, logout }"
- name: "useToast"
path: "src/hooks/useToast"
returns: "{ toast, dismiss }"
existing_utils:
- name: "formatDate"
path: "src/lib/format"
- name: "cn"
path: "src/lib/utils"
description: "clsx + tailwind-merge"
scan_summary:
components: {N}
hooks: {N}
utils: {N}
scanned_at: "{timestamp}"