See React patterns for full reference.
This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.
Install skill "component-development" with this command: npx skills add programming-in-th/programming.in.th/programming-in-th-programming-in-th-component-development
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.
This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.
Related by shared tags or category signals.
No summary provided by upstream source.
Clipboard history manager with pinning and search. Use when you need to save clipboard entries, search clipboard history, pin important items, or retrieve pr...
Create, modify, generate, and deploy websites, web apps, dashboards, SaaS products, internal tools, interactive web pages, Weixin mini program , games on the...
Generate .gitignore files for any project type using GitHub's 200+ official templates. Use when creating new projects, setting up repositories, needing to co...