Stats
Actions
Tags
How this skill is triggered — by the user, by Claude, or both
Slash command
/dev-core:frontend-patternsThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
フレームワーク非依存のフロントエンド設計パターン。フレームワーク固有のAPI（React hooks, Vue Composition API等）は context7 MCP や .claude/*.local.md を参照してください。
フレームワーク非依存のフロントエンド設計パターン。フレームワーク固有のAPI（React hooks, Vue Composition API等）は context7 MCP や .claude/*.local.md を参照してください。
小さく再利用可能なコンポーネントを組み合わせて構築する。1コンポーネント = 1責任。
Card
├── CardHeader # タイトル表示
├── CardBody # コンテンツ
└── CardFooter # アクション
variant, size 等はユニオン型で制限import { z } from "zod";
const UserSchema = z.object({
email: z.string().email(),
name: z.string().min(2).max(50),
password: z.string().min(8),
});
npx claudepluginhub tadokoro-ryusuke/cc-plugins --plugin dev-coreProvides React patterns like compound components, render props, custom hooks, and HOCs for scalable frontend apps. Use for component design, state management, and best practices.
Provides frontend patterns for component design, state management, performance, and accessibility across React, Vue, Svelte, Angular. Loads framework-specific guidance from package.json.
Provides frontend development patterns for React and Next.js including component composition, compound components, state management with Zustand, data fetching with SWR, form validation with Zod, and performance optimization techniques.