npx claudepluginhub hbs9312/hbs9312-plugins --plugin frontflowThis skill uses the workspace's default tool permissions.
ultrathink
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.
ultrathink
F2/F3에서 만든 컴포넌트를 배치하여 페이지를 완성합니다.
$ARGUMENTS 에서:
F2/F3 컴포넌트가 프로젝트에 존재하는지 Glob으로 확인.
이 단계에서는 API를 호출하지 않습니다.
// ★ 이 단계의 페이지 모습
const MOCK_SPEAKERS: Speaker[] = [
{ speaker_id: 'spk_001', name: '김석', embedding_status: 'ready', ... },
{ speaker_id: 'spk_002', name: '이지은', embedding_status: 'processing', ... },
]
export default function SpeakerListPage() {
return (
<PageLayout title="화자 관리">
<SpeakerCounter current={MOCK_SPEAKERS.length} max={50} />
<SpeakerList speakers={MOCK_SPEAKERS} />
<AddSpeakerButton />
</PageLayout>
)
}
WF의 화면 전환 맵을 라우트 구조로 변환합니다.
framework별 분기:
app/settings/speakers/page.tsx → 화자 목록
app/settings/speakers/new/page.tsx → 등록 플로우
app/settings/speakers/layout.tsx → 공통 레이아웃