component-development

📁 programming-in-th/programming.in.th 📅 Jan 24, 2026
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.