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
octanejs/octane☆ 1.5KUpdated Oct 27, 2026
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
octanejs/octane☆ 1.5KUpdated Oct 27, 2026
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
octanejs/octane☆ 1.5KUpdated Oct 27, 2026
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
octanejs/octane☆ 1.5KUpdated Oct 27, 2026
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
octanejs/octane☆ 1.5KUpdated Oct 27, 2026
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
octanejs/octane☆ 1.5KUpdated Oct 27, 2026
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
octanejs/octane☆ 1.5KUpdated Oct 27, 2026
Review Octane changes for risks to frequently executed code, including unstable V8 object shapes, forced DOM layout, and extra scheduling steps. The skill scans changes, checks findings against runtime behavior, and records the evidence needed before a pull request is ready.
- Reviewing a PR that changes Octane runtime code
- Checking compiler output or binding hot paths
- Assessing performance risks in agent-written code
octanejs/octane☆ 1.5KUpdated Oct 27, 2026
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
octanejs/octane☆ 1.5KUpdated Oct 27, 2026
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
skills-directory/skill-codex☆ 1.5KUpdated Oct 21, 2026
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
nucliweb/webperf-snippets☆ 1.5KUpdated Oct 28, 2026
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
nucliweb/webperf-snippets☆ 1.5KUpdated Oct 28, 2026
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
nucliweb/webperf-snippets☆ 1.5KUpdated Oct 28, 2026
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
nucliweb/webperf-snippets☆ 1.5KUpdated Oct 28, 2026
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
nucliweb/webperf-snippets☆ 1.5KUpdated Oct 28, 2026
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
Gentleman-Programming/gentle-shell☆ 1.4KUpdated Oct 27, 2026
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
Gentleman-Programming/gentle-shell☆ 1.4KUpdated Oct 27, 2026
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
Gentleman-Programming/gentle-shell☆ 1.4KUpdated Oct 27, 2026
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
Gentleman-Programming/gentle-shell☆ 1.4KUpdated Oct 27, 2026
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
Gentleman-Programming/gentle-shell☆ 1.4KUpdated Oct 27, 2026
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
Gentleman-Programming/gentle-shell☆ 1.4KUpdated Oct 27, 2026
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
Gentleman-Programming/gentle-shell☆ 1.4KUpdated Oct 27, 2026
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
Gentleman-Programming/gentle-shell☆ 1.4KUpdated Oct 27, 2026
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
rjs/shaping-skills☆ 1.4KUpdated Sep 22, 2026