개발 스킬

Use this skill when changing Octane’s runtime, compiler, server rendering, hydration, or public APIs. It guides contract and hot-path analysis, regression tests, and performance evidence so core changes can be reviewed and handed off with clear risks.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Changing runtime or compiler behavior
• Updating SSR or hydration logic
• Adding or changing a public API

Use this skill to keep code changes focused and consistent with the project’s existing patterns. It helps size a plan, compare smaller alternatives, reuse established mechanisms, and simplify a diff before handoff or while reviewing agent-written code.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Planning a change larger than a few lines
• Simplifying a code diff before handoff
• Reviewing agent-written code for unnecessary complexity

Investigate suspected bugs in the Octane monorepo by reproducing and narrowing the failure, locating the owning code, and adding a regression test. It also helps determine whether behavior that differs from React is an intentional design choice.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Investigating a failing Octane test
• Reproducing and narrowing a reported regression
• Checking whether a React behavior difference is intentional

Create a new Octane component in a `.tsrx` file, convert JSX into `.tsrx`, or add scoped styles and themes. The skill directs the agent to the authoring rules and a nearby example so new files follow the project’s conventions.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Create a new Octane component as a `.tsrx` file
• Convert an existing JSX component to `.tsrx`
• Add scoped styles or themes to a new component

Use this skill to prepare an Octane change for a pull request. It guides branch and worktree setup, focused commits, validation, review gates, and a draft PR body that records agent provenance and relevant evidence.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Preparing an Octane change for a pull request
• Creating a dedicated branch and worktree
• Writing a PR body with validation evidence

Port a React library into Octane from npm or GitHub inputs. The workflow checks dependencies and license evidence, implements the full published surface, and verifies tests, types, provenance, and package readiness.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Porting a React library to Octane
• Checking dependency and license requirements before copying code
• Verifying runtime and type coverage for a port

Use TanStack DB from Octane components to display live query results, handle loading and errors, paginate data, and pace mutations such as frequent text edits. The skill also covers query dependencies and live effects.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Display filtered, live-updating collection data in an Octane component
• Load query results with Suspense and an Error Boundary
• Add cursor-based pagination to a list

Triage an Octane GitHub issue from its number or link. The skill gathers issue context, identifies its type and affected project area, checks relevant rules, and develops a proposed fix and validation plan, with implementation as an optional next step.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Triage a reported bug and identify the affected area
• Review a feature request and outline a solution
• Check whether an issue is reproducible and note missing details

Audit Octane bindings and assess maintenance needs such as lifecycle fixes, dependency updates, metadata drift, or redundant copied files. For selected findings, make a bounded change backed by current evidence about source ownership, compatibility, and the binding’s supported behavior.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Auditing one or more Octane bindings
• Reviewing dependency or package metadata maintenance
• Implementing selected lifecycle or file-reduction findings

Use Codex CLI to inspect code, refactor it, or make requested edits. The skill guides command setup, sandbox selection, and session resumption, then helps review Codex’s output critically so you can decide what to do next.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Review code with Codex CLI
• Refactor a codebase
• Apply requested code edits

Analyze slow interactions, choppy scrolling, and unresponsive pages with browser measurements. The skill breaks down input delay, processing, and rendering time, finds long animation frames and blocking scripts, and connects interaction timing with layout shifts.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Investigate slow clicks or keyboard input
• Debug a poor INP score
• Find the cause of choppy scrolling

Use a collection of JavaScript snippets to measure and investigate web performance in a browser. Choose checks for loading speed, Core Web Vitals, interactions, images, video, and network conditions, then interpret structured results and provide practical recommendations.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Auditing a page's overall performance
• Checking server response or loading delays
• Investigating image and video loading

Assess a page’s connection type, bandwidth, latency, and data-saving preference to guide loading choices for different network conditions. The skill provides connection-aware budgets and practical options for adjusting images, video, scripts, and other resources.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Assess performance on slow mobile networks
• Plan adaptive loading by connection type
• Review support for data-saving mode

Measure page loading and trace delays across server response, rendering, scripts, fonts, and resource hints. The skill uses follow-up checks to identify blocking assets and loading patterns, helping prioritize improvements to the initial page experience.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Find why a page loads slowly
• Investigate high TTFB or slow FCP
• Identify render-blocking CSS or scripts

Measure LCP, CLS, and INP, three indicators of loading speed, visual stability, and interaction responsiveness. The skill guides follow-up checks based on results to help identify likely causes of slow rendering, layout shifts, or delayed interactions.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Investigating a page with slow LCP
• Finding causes of unexpected layout shifts
• Diagnosing delayed responses to clicks or typing

Apply a structured harness for substantial coding work: clarify scope and acceptance criteria, track large tasks, use test-first development when meaningful tests apply, and delegate or investigate when useful. It also sets boundaries for review workload and risky changes.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Clarifying scope before a multi-step coding task
• Planning test-first work for a behavior change
• Tracking a large implementation across work units

Plan a reviewable delivery for oversized changes by identifying cohesive work units and arranging them as chained pull requests or one PR. The skill tracks dependencies, review scope, line counts, and verification needs while following the chosen delivery strategy.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Planning PR slices for a change over 400 lines
• Ordering dependent pull requests
• Keeping each review focused on one work unit

Prepare and triage GitHub issues using repository evidence. The skill checks contribution rules, issue forms, labels, and existing reports, then helps shape a suitable issue or route a confirmed duplicate appropriately.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Drafting a bug report from repository evidence
• Checking whether an issue already exists
• Choosing the repository's appropriate issue form

Guide defect fixes from an approved issue and a reproducible problem on the current main branch. Map affected flows, tests, evidence, change size, and rollback boundaries, then report validation results while keeping review evidence separate from delivery authority.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Planning a bounded fix from an approved issue
• Mapping operator flows and negative controls
• Recording candidate-specific test evidence

Create or update reusable AI agent skills with clear triggers, concise runtime instructions, and valid frontmatter. Get a structured SKILL.md plus optional assets or references, with guidance on avoiding duplicates and refreshing the skill registry.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Creating a reusable skill for a repeated workflow
• Updating an existing skill without duplicating another
• Organizing templates and references for a skill

Audit existing AI agent skills for metadata, triggers, structure, length, actionable instructions, decision points, output requirements, and references. Get a severity-grouped report with proposed changes; apply safe edits only when explicitly requested.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Reviewing an existing skill for quality issues
• Finding unclear triggers or conflicting instructions
• Applying safe improvements to a skill

Prepare a pull request candidate by checking its approved issue link, branch naming, template sections, type label, and verification evidence. The skill helps contributors assemble an accurate review package while keeping remote actions separately authorized.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Preparing a change for pull request review
• Drafting a PR body from a repository template
• Checking issue links and PR requirements

Plan commits around complete, reviewable units of work. Keep related tests and documentation with each change, and use those units to organize larger implementations into chained pull requests when appropriate.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Splitting a large feature into reviewable commits
• Planning chained pull requests
• Keeping tests and docs with the change they support

Work with an agent to clarify requirements, explore distinct solution options, and compare how well each option meets the needs. The process can carry a selected, detailed approach into demoable implementation slices, with related planning documents kept in sync.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Clarifying a problem and its constraints
• Comparing alternative solution approaches
• Breaking a selected design into demoable slices