From f3b515d8d9e8ed57d2c5302b53009ea9241e22f2 Mon Sep 17 00:00:00 2001 From: TheSiahxyz <164138827+TheSiahxyz@users.noreply.github.com> Date: Tue, 24 Feb 2026 12:03:08 +0900 Subject: created agents/, created commands/, created hooks/, created skills/ --- ar/.config/claude/commands/optimize-components.md | 25 +++++++++++++++++++++++ 1 file changed, 25 insertions(+) create mode 100644 ar/.config/claude/commands/optimize-components.md (limited to 'ar/.config/claude/commands/optimize-components.md') diff --git a/ar/.config/claude/commands/optimize-components.md b/ar/.config/claude/commands/optimize-components.md new file mode 100644 index 0000000..5e35740 --- /dev/null +++ b/ar/.config/claude/commands/optimize-components.md @@ -0,0 +1,25 @@ +--- +allowed-tools: Read, MultiEdit, Grep, Glob +description: Analyze and optimize React Server/Client Component boundaries +--- + +Analyze the current component structure and optimize the Server/Client Component boundaries: + +1. Find all components currently marked with 'use client' +2. Analyze if they truly need client-side interactivity +3. Identify components that can be converted to Server Components +4. Find Server Components that are passing non-serializable props +5. Suggest component composition patterns to minimize client JS +6. Identify opportunities for: + - Moving data fetching to Server Components + - Extracting interactive parts into smaller Client Components + - Using children pattern to compose Server and Client Components + +Provide a detailed report with: + +- Current client/server component ratio +- Components that can be optimized +- Specific refactoring suggestions +- Estimated bundle size reduction + +Focus on reducing the amount of JavaScript sent to the client while maintaining functionality. -- cgit v1.2.3