component-development
4
总安装量
3
周安装量
#51587
全站排名
安装命令
npx skills add https://github.com/programming-in-th/programming.in.th --skill component-development
Agent 安装分布
trae
2
mcpjam
1
claude-code
1
zencoder
1
crush
1
Skill 文档
See React patterns for full reference.
Quick rules:
- Default to Server Components (no directive)
- Use
'use client'only for:onClick,useState,useEffect, browser APIs - Push client boundary to smallest component
- Tailwind only, use
dark:variants
Example:
// Server Component (default)
export function TaskCard({ task }: { task: Task }) {
return <div className="p-4 dark:bg-gray-800">{task.title}</div>
}
Checklist: Minimal client components, dark: variants, accessible inputs.