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.
监控 OpenClaw GitHub 版本更新，获取最新版本发布说明，翻译成中文， 并推送到 Telegram 和 Feishu。用于：(1) 定时检查版本更新 (2) 推送版本更新通知 (3) 生成中文版发布说明
Delegate a task to Claude Code CLI and immediately report the result back in chat. Supports persistent sessions with full context memory. Safe execution: no data exfiltration, no external calls, file operations confined to workspace. Use when the user asks to run Claude, delegate a coding task, continue a previous Claude session, or any task benefiting from Claude Code's tools (file editing, code analysis, bash, etc.).
This skill enables dating and matchmaking workflows. Use it when a user asks to make friends, find a partner, run matchmaking, or provide dating preferences/profile updates. The skill should execute `dating-cli` commands to complete profile setup, task creation/update, match checking, contact reveal, and review.