coding-edit

Edit existing Next.js frontend components in src/ with typecheck and lint validation.

Updated Mar 16, 2026
One-click install
npx skills add https://github.com/lac-minh-studio/lacminh-web --skill coding-edit
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: coding-edit
Source: https://github.com/lac-minh-studio/lacminh-web/tree/main/.github/skills/coding-edit
Command: npx skills add https://github.com/lac-minh-studio/lacminh-web --skill coding-edit

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Editing existing frontend UI in a Next.js project to apply surgical in-place changes.

Core Features & Use Cases

  • Target existing components or UI sections in src/ and propose minimal, verifiable edits.
  • Validate changes via typecheck, lint, and targeted UI checks, avoiding full rebuilds.
  • Route-to workflows like surgical-update and design-refresh to ensure safe, scoped changes.

Quick Start

Apply a surgical in-place edit to an existing component in src/ and validate with typecheck, lint, and focused UI checks.

Frequently Asked Questions about coding-edit

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I apply surgical edits to existing Next.js UI components without a full rebuild?

Surgical edits to existing Next.js UI components involve proposing minimal, verifiable changes directly to files under src/. This approach uses anchor-based edits and validates modifications via typecheck, lint, and focused UI checks, avoiding full rebuilds.

What is the best way to fix layout drift in a Next.js project?

Fixing layout drift in a Next.js project involves surgical in-place updates to existing components under src/. By applying minimal anchor-based edits and validating with typecheck and lint, the layout is corrected safely without rebuilding.

Can I refresh the design of an existing Next.js route without regenerating the entire route?

Yes, refreshing the design of an existing Next.js route without regenerating it involves applying a design delta. This process modifies the existing UI in place using surgical edits and validates the changes with targeted UI checks, keeping the route structure intact.

Does surgical UI editing work for modifying existing components in a Next.js src/ directory?

Surgical UI editing works specifically for modifying existing components located in a Next.js src/ directory. It proposes minimal in-place edits and enforces validation steps including typecheck and lint, ensuring updated components meet coding standards.

When should I avoid using in-place code edits for frontend UI updates?

Avoid using in-place code edits when generating new routes or implementing backend logic, as this approach is strictly scoped to updating existing frontend UI. It is designed for surgical design refreshes and layout fixes rather than creating new architecture.