Skip to main content
Glama

SPA 프레임워크 × 킷 충돌 가이드

get_framework_guide

Provides React and Next.js integration fixes for Korea Government Design System widgets that fail during client-side routing, with tested solutions before you build custom workarounds.

Instructions

React·Next.js에서 킷을 쓸 때의 충돌(킷 JS는 DOMContentLoaded 1회 init·클라이언트 라우팅 모름)과 실사용 검증된 처방을 반환한다. 킷 위젯(탭·아코디언·GNB)이 SPA에서 동작하지 않으면 자체 해법을 발명하기 전에 이 가이드를 먼저 보라.

Input Schema

TableJSON Schema
NameRequiredDescriptionDefault
frameworkNo프레임워크 — react(Vite 등 SPA 공통) 또는 nextjs. 비우면 목록을 안내한다

Schema Changelog

Changes observed during successful MCP inspections.

  1. First observedv0.1.0

TDQS

A3.9/5.0
Behavior4/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

With no annotations, the description carries the burden and does so well: it names the root cause (kit JS initializes once on DOMContentLoaded and is unaware of client routing) and characterizes the return as conflict diagnoses plus field-verified prescriptions. It doesn't restate read-only safety, but 'get_...guide' plus the content description make the operation type evident.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness4/5

Is the description appropriately sized, front-loaded, and free of redundancy?

Two tightly written sentences with no filler, and the failure scenario is front-loaded before the directive. Slightly dense but every clause earns its place.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness4/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

For a single optional-enum, no-output-schema guide tool, the description covers what it returns (conflicts + prescriptions) and when to reach for it. Return-value detail is general rather than structured, but adequate given the tool's simplicity.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Schema coverage is 100% and the enum values (react/nextjs) are documented in the schema, including the empty-value behavior. The description only echoes the React/Next.js scope, adding no new parameter semantics beyond the schema.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose4/5

Does the description clearly state what the tool does and how it differs from similar tools?

States a specific verb+resource ('returns conflicts and verified prescriptions for the kit in React·Next.js') and names the concrete symptoms (tabs, accordion, GNB failing in SPA), which is clearly distinct from the component-listing siblings. No explicit sibling comparison, but the purpose is unambiguous.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines4/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

Gives a clear trigger condition ('if kit widgets don't work in SPA') and a strong directive to consult it before inventing a workaround. It lacks a named alternative tool, but the when-to-use context is explicit.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.