Communitygithub.com

백엔드 주도 런타임 리팩터

앱을 리팩터링하여 백엔드가 런타임 진실을 소유하고 UI는 스냅샷만 투영하도록 합니다. 도구가 분할된 권한을 가질 때 사용합니다. UI 작업이나 드리프트 제거 전의 새 기능에는 사용하지 마십시오.

백엔드 주도 런타임 리팩터란 무엇인가요?

이 스킬은 실행 진실(런타임 상태)이 UI와 백엔드 사이에서 분할되는 '분할 권한(Split-Authority)' 아키텍처를 해결합니다. 주 목적은 백엔드가 실행 상태의 유일한 소유자가 되도록 리팩터링하고, UI는 명령, 쿼리, 이벤트를 통해서만 상태를 투영하도록 만드는 것입니다. 이는 워크플로우 편집기, 리뷰/승인 파이프라인, 또는 UI가 그래프나 단계와 같은 실행 진실을 합성하지만 백엔드는 이를 인식하지 못하는 시나리오에 특히 유용합니다. 이 기술은 Claude Code, Cursor, Codex와 같은 AI 에이전트 플랫폼과 함께 사용하도록 설계되었으며, 구체적인 작업 지침과 의사 결정 트리, 실패 모드 설명, 품질 게이트를 제공합니다. 이 스킬은 리팩터링 전에 권한 분할을 식별하고, 계약을 명령/쿼리/이벤트로 동결하며, 상태 소유권을 정규화하고, 활성 호환성 경로를 삭제한 다음, 평가자를 추가하여 리팩터링이 완전하고 재시작/재연결 시에도 안전한지 확인하는 단계별 방법을 제공합니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/curiositech/windags-skills/tree/HEAD/skills/backend-authoritative-runtime-refactor

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

백엔드 주도 런타임 리팩터은(는) 무엇을 하나요?

실행 진실이 어디에 살아있고 UI가 그것을 어떻게 읽는지 정확히 말할 수 있을 때만 리팩터링하십시오.

사용 시기

  • UI가 백엔드가 이해하지 못하는 그래프, 단계 또는 공급자 선택을 합성합니다.
  • 재시작 또는 재연결 시 프론트엔드가 권한을 캐시했기 때문에 보이는 런타임 상태가 변경됩니다.
  • 이전 스키마와 새 스키마, 스타터 형식 또는 노드 유형이 활성 작성 경로에 공존합니다.
  • 승인, 리뷰 또는 다운스트림 실행이 프론트엔드 전용 재구성에 의존합니다.

사용하지 말아야 할 경우

  • 런타임 소유권 변경 없이 시각적 UI만 정리하는 경우.
  • 백엔드 계약이 이미 권위적인 경우의 격리된 컴포넌트 리팩터.
  • 분할 권한 경계를 삭제하기 전에 새 비즈니스 기능을 출시하는 경우.
  • 아키텍처에 이미 하나의 진실 공급원이 있을 때의 순수 백엔드 성능 작업.

의사 결정 포인트

flowchart TD
  A[워크플로우 리팩터 요청] --> B{UI가 여전히 런타임 진실을 만들 수 있습니까?}
  B -->|아니오| C[더 좁은 도메인 또는 UI 스킬 사용]
  B -->|예| D[명령, 쿼리 및 이벤트 경계 인벤토리 작성]
  D --> E{모든 사용자 동작이 명령, 쿼리 또는 이벤트로 매핑됩니까?}
  E -->|아니오| F[기능 작업 전에 계약 동결]
  E -->|예| G[투영 상태를 백엔드 소유 상태에서 분할]
  G --> H{레거시 호환 경로가 여전히 활성화됩니까?}
  H -->|예| I[마이그레이션 가장자리로 이동하거나 삭제]
  H -->|아니오| J[평가자, 재생-안전 시작 쿼리 및 이벤트 구독 추가]
  I --> J
  J --> K[재연결, 승인 및 다운스트림 준비 상태 검증]

먼저 이 라우팅 모델을 사용하십시오:

  • UI가 명령 -> 백엔드 전환 -> 쿼리 또는 이벤트 투영으로 설명될 수 없다면, 경계는 여전히 잘못된 것입니다.
  • "임시 호환성" 경로가 핫 경로에 있다면, 기능이 아닌 리팩터 부채로 취급하십시오.
  • 재시작 또는 재연결이 백엔드 진실만으로 가시 상태를 재구성할 수 없다면, 리팩터는 불완전한 것입니다.

작업 방법

1. 분할 뇌 인벤토리 작성

UI가 다음을 수행하는 모든 곳을 찾으십시오:

  • 실행 진실을 생성하거나 변경함
  • 백엔드가 알지 못하는 단계를 발명함
  • 활성 코드 경로에서 실행을 시뮬레이션함
  • 동일한 작성 경로에서 이전 스키마와 새 스키마를 유지함
  • 추상 라우팅 계층과 정확한 공급자 ID를 혼합함

2. 계약 동결

세 가지 클래스만 정의하십시오:

  • 명령: 시작, 중지, 승인, 재개, 변경
  • 쿼리: 시작 상태, 리뷰 페이로드, 실행 스냅샷, 공급자 상태
  • 이벤트: 권위적 전환, 평가자 판결, 게이트 상태, 재생 마커

UI 동작이 이 중 하나로 표현될 수 없다면, 아키텍처는 여전히 혼란스러운 것입니다.

3. 상태 소유권 정규화

스토어를 다음으로 분할하십시오:

  • 계약 입력 상태
  • 백엔드 스냅샷 투영 상태
  • UI 레이아웃 상태

어떤 스토어도 런타임 진실과 레이아웃 문제를 동시에 소유하게 하지 마십시오.

4. 활성 호환성 경계 삭제

"당분간 둘 다 지원"보다 삭제를 선호하십시오.

일반적인 삭제 대상:

  • 활성 작성에서의 단수형 및 복수형 스키마 호환성
  • 활성 데스크탑 런타임에서의 브라우저 또는 데모 시뮬레이션
  • 주요 경로에서의 더 이상 사용되지 않는 노드 유형
  • 중복 리뷰 요약
  • 여러 스타터 또는 가져오기 형식

5. 리팩터를 신뢰하기 전에 평가자 추가

모든 구현 노드는 다음을 가져야 합니다:

  • 정확성을 위한 로컬 출력 평가자
  • 계약 안전성을 위한 다운스트림 준비 평가자
  • 백엔드 진실에서 재수화하는 재시작 또는 재연결 경로 (프론트엔드 추측이 아님)

실패 모드

권위로 가장하는 투영

증상: UI가 "읽기 전용"처럼 보이지만 로컬에서 단계, 그래프 또는 공급자 진실을 조용히 조립합니다.

수정: 해당 로직을 백엔드 명령 또는 쿼리로 이동하고 프론트엔드를 투영기로 취급하십시오.

호환성 경계 석회화

증상: "당분간 둘 다 지원"이 몇 주 동안 핫 경로에 남아 실제 아키텍처가 됩니다.

수정: 호환성을 명시적 삭제 날짜가 있는 단방향 마이그레이션 가장자리로 밀거나 지금 제거하십시오.

검사 불가능한 승인

증상: 사람이 검사할 수 없는 작업을 승인할 수 있습니다. 리뷰 페이로드가 부분적이거나 프론트엔드에서 합성되었기 때문입니다.

수정: 백엔드가 정확한 리뷰 페이로드를 방출해야 합니다. UI는 렌더링만 수행합니다.

재생에 적대적인 시작

증상: 앱을 다시 시작하면 프론트엔드가 권한을 캐시했기 때문에 가시 상태가 변경되거나 게이트 위치가 손실됩니다.

수정: 시작은 스토어 재구성이 아닌, 백엔드 진실에 대한 쿼리와 이벤트 재생이어야 합니다.

시볼레스

앱을 다시 시작할 때 새로운 백엔드 이벤트 없이 가시 런타임 상태가 변경된다면, 권한은 여전히 분할된 것입니다.

작업 예제

프론트엔드 소유 단계 로직이 있는 Tauri 워크플로우 편집기

문제:

  • React 스토어가 그래프를 작성하고, 단계 상태를 추론하며, 공급자 계층을 정규화했습니다.
  • 백엔드 실행은 다른 계약을 사용했기 때문에 리뷰와 재시작 흐름이 표류했습니다.

리팩터 경로:

  1. UI가 실행 진실을 발명한 모든 곳을 인벤토리하십시오.
  2. 런타임 상호작용을 명령, 쿼리 및 이벤트로 축소하십시오.
  3. 공급자 정규화와 단계 전환을 백엔드 명령 뒤로 이동하십시오.
  4. 활성 작성 경로에서 스타터 형식 결합을 삭제하십시오.
  5. 평가자 게이트를 추가하여 다운스트림 작업이 백엔드 검증된 출력에서만 진행되도록 하십시오.

성공 조건:

  • 재시작 시 UI가 백엔드 스냅샷과 이벤트에서 동일한 가시 상태를 재구성합니다.
  • 승인 화면이 React 재구성이 아닌 백엔드가 방출한 리뷰 페이로드를 렌더링합니다.

포크 지침

작업이 깔끔하게 분리될 때 포크하십시오:

  • 계약 레인: 분할 권한 경계를 인벤토리하고 명령, 쿼리 및 이벤트를 정의합니다.
  • 삭제 레인: 호환성 계층, 더 이상 사용되지 않는 노드 유형 및 스타터 형식 결합을 제거합니다.
  • 검증 레인: 평가자 게이트, 재생 테스트 및 재시작 또는 재연결 커버리지를 추가합니다.

최종 소유권 결정은 상위 레인에 두어 한 명의 행위자가 백엔드가 실제로 무엇을 소유할지 결정하도록 하십시오.

품질 게이트

  • UI가 로컬에서 그래프, 단계, 공급자 또는 게이트 진실을 조작할 수 없습니다.
  • 모든 사용자 동작이 명령, 쿼리 또는 이벤트로 매핑됩니다.
  • 런타임 상태가 백엔드 진실만으로 재시작 및 재연결을 견딥니다.
  • 리뷰 및 승인 페이로드가 백엔드에서 방출되고 UI에서 렌더링됩니다.
  • 호환성 로직이 활성 경로가 아닌 마이그레이션 가장자리에만 존재합니다.
  • 다운스트림 실행이 업스트림 계약 실패 시 중지됩니다.
  • 정확한 공급자 ID 및 모델 선택이 계약 경계에서 보입니다.
  • 테스트가 재시작, 재연결, 승인 및 평가자 실패 경로를 다룹니다.

참조 맵

  • references/architecture-patterns.md — 백엔드 소유 워크플로우 계약 패턴 및 상태 소유권 분할.
  • references/windags-lessons.md — 실제 분할 권한 런타임 마이그레이션에서 얻은 구체적인 교훈.

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

curiositech/windags-skills

Expert in 2000s-era music visualization (Milkdrop, AVS, Geiss) and modern WebGL implementations. Specializes in Butterchurn integration, Web Audio API AnalyserNode FFT data, GLSL shaders for audio-reactive visuals, and psychedelic generative art. Activate on "Milkdrop", "music visualization", "WebGL visualizer", "Butterchurn", "audio reactive", "FFT visualization", "spectrum analyzer". NOT for simple bar charts/waveforms (use basic canvas), video editing, or non-audio visuals.

curiositech/windags-skills

Expert legal research agent for finding and scraping expungement data state by state. Knows authoritative sources, URL patterns, Firecrawl configuration, and 2026 legal landscape.

curiositech/windags-skills

Expert in 3D computer vision labeling tools, workflows, and AI-assisted annotation for LiDAR, point clouds, and sensor fusion. Covers SAM4D/Point-SAM, human-in-the-loop architectures, and vertical-specific training strategies. Activate on '3D labeling', 'point cloud annotation', 'LiDAR labeling', 'SAM 3D', 'SAM4D', 'sensor fusion annotation', '3D bounding box', 'semantic segmentation point cloud'. NOT for 2D image labeling (use clip-aware-embeddings), general ML training (use ml-engineer), video annotation without 3D (use computer-vision-pipeline), or VLM prompt engineering (use prompt-engineer).

curiositech/windags-skills

Implement WCAG 2.2 AA/AAA compliance with automated testing, keyboard navigation, screen reader support, and focus management. Activate on: accessibility audit, WCAG compliance, keyboard navigation, screen reader, aria attributes, axe-core, focus trap. NOT for: design-level accessibility review (use design-accessibility-auditor), color contrast only (use css-in-js-architect).

curiositech/windags-skills

Time-blind friendly planning, executive function support, and daily structure for ADHD brains. Specializes in realistic time estimation, dopamine-aware task design, and building systems that actually work for neurodivergent minds.

curiositech/windags-skills

Designs digital experiences for ADHD brains using neuroscience research and UX principles. Expert in reducing cognitive load, time blindness solutions, dopamine-driven engagement, and compassionate design patterns. Activate on 'ADHD design', 'cognitive load', 'accessibility', 'neurodivergent UX', 'time blindness', 'dopamine-driven', 'executive function'. NOT for general accessibility (WCAG only), neurotypical UX design, or simple UI styling without ADHD context.

curiositech/windags-skills

>- Apply crisis decision-making research to agent routing, uncertainty triage, and coordination failure analysis in time-pressured systems. Use when diagnosing handoff failures, analytical paralysis, or expert judgment under incomplete information. NOT for routine coding, simple CRUD design, or static single-agent tasks with complete information.

curiositech/windags-skills

Extend and modify the admin dashboard, developer portal, and operations console. Use when adding new admin tabs, metrics, monitoring features, or internal tools. Activates for dashboard development, analytics, user management, and internal tooling.

curiositech/windags-skills

Conversation patterns and interaction protocols for multi-agent systems. Covers request/response, pub/sub, blackboard, delegation chains, debate, critique, consensus, fan-out/fan-in, supervisor-worker, and peer negotiation. Deep analysis of AutoGen conversation patterns, CrewAI delegation, LangGraph state passing, and FIPA-ACL performatives. Teaches how to design what agents say to each other and in what order. Activate on: "agent conversation", "agent protocol", "multi-agent debate", "agent delegation", "supervisor worker pattern", "agent voting", "consensus protocol", "fan-out fan-in", "agent negotiation", "blackboard pattern", "agent dialogue", "conversation topology", "agent handoff". NOT for: wire format or serialization (use agent-interchange-formats), orchestration infrastructure (use agentic-infrastructure-2026), single agent behavior (use agentic-patterns).

curiositech/windags-skills

Meta-agent for creating new custom agents, skills, and MCP integrations. Expert in agent design, MCP development, skill architecture, and rapid prototyping. Activate on 'create agent', 'new skill', 'MCP server', 'custom tool', 'agent design'. NOT for using existing agents (invoke them directly), general coding (use language-specific skills), or infrastructure setup (use deployment-engineer).

curiositech/windags-skills

AI-powered calendar management and agent-based scheduling coordination. Covers calendar APIs (Google Calendar, CalDAV/iCal), AI scheduling assistants (Reclaim, Clockwise, Motion, Cal.com), building custom calendar agents with MCP, multi-calendar merging, timezone management, focus block protection, meeting fatigue detection, and agent-to-agent meeting negotiation protocols. Activate on: "calendar agent", "AI scheduling", "calendar coordination", "meeting scheduling", "calendar API", "focus time protection", "calendar optimization", "Google Calendar MCP", "Reclaim", "Clockwise", "Motion", "Cal.com", "smart scheduling", "calendar-aware agent", "timezone scheduling", "agent negotiation meetings". NOT for: manual calendar UI component design (use form-validation-architect), project management scheduling or Gantt charts (use project-management-guru-adhd), general time-tracking or pomodoro apps (use adhd-daily-planner for time-awareness), building the agent itself from scratch (use agent-creator).

curiositech/windags-skills

Build and adopt production AI agent infrastructure in 2026. Covers framework selection (LangGraph, CrewAI, AutoGen, MCP), orchestration patterns, evaluation, observability, memory systems, and tool use. Also covers the SOCIAL dimension: how to sell agent infrastructure internally, change management, measuring ROI, building trust in autonomous systems, and scaling adoption across teams. Activate on: "agent infrastructure", "agent framework comparison", "which agent framework", "sell AI tools internally", "agent adoption", "agent observability", "agent evaluation", "MCP architecture", "agentic mesh", "enterprise AI agents", "AI change management", "agent ROI". NOT for: building specific agents (use ai-engineer), designing agent behavior patterns (use agentic-patterns), prompt tuning (use prompt-engineer).

curiositech/windags-skills

Fundamental patterns for effective agentic behavior. Teaches decomposition, tool orchestration, error recovery, context management, quality self-assessment, and knowing when to stop. Model-agnostic principles that make any agent more effective regardless of domain. Activate on: "how should I structure this agent", "agentic workflow", "agent patterns", "multi-step task", "tool orchestration", "/agentic-patterns", "decompose this", "agent best practices", "chain of actions", "when should the agent stop", "agent loop design". NOT for: creating agent infrastructure (use agent-creator), building DAGs (use windags-architect), specific tool implementation.

curiositech/windags-skills

Automated discovery and matching of agent skills for dynamic task routing and capability assessment

curiositech/windags-skills

Cryptographic security for agentic systems — zero-trust agent networking, signed message envelopes (JWS/JWE), capability-based security (ocaps), Merkle tree audit trails, WASM sandboxing, and formal verification. Covers CLI dev tool security, mTLS between agents, permission boundaries (least privilege for AI agents), and supply chain security for skills/plugins. Activate on: "agent security", "zero trust agents", "secure agent communication", "capability-based security", "ocap", "signed messages between agents", "agent audit trail", "sandbox agent execution", "agent permissions", "mTLS agents", "cryptographic verification", "agent supply chain", "OWASP agentic", "prove agent did X", "tamper-proof agent logs". NOT for: application-level SAST scanning (use security-auditor), network firewall rules (use infrastructure), SOC2/HIPAA compliance (organizational), or prompt injection defense (use prompt-engineer).

curiositech/windags-skills

Data structures and serialization formats for agent-to-agent communication. Covers message envelopes, structured output schemas, capability declarations, task handoff payloads, error/retry signaling, and context windows as data structures. Deep comparison of A2A protocol, MCP, OpenAI function calling, and LangChain message types. Teaches when to use rigid schemas vs free-form with validation, typed vs untyped, streaming vs batch. Activate on: "agent message format", "agent communication schema", "agent-to-agent protocol", "A2A protocol", "MCP message format", "structured output for agents", "agent interop", "interchange format", "agent serialization", "task handoff format", "capability declaration". NOT for: what agents say to each other (use agent-conversation-protocols), orchestration topology (use multi-agent-coordination), building agent infrastructure (use agentic-infrastructure-2026).

curiositech/windags-skills

Logic-based agent programming language implementing BDI architecture for practical autonomous agent development

curiositech/windags-skills

>- Design AgentSpeak(L)-style BDI agents with context-guarded plans, selection functions, and intention stacks. Use for interruptible autonomy, agent policy, and multi-agent orchestration in dynamic environments. NOT for simple rule engines, static planners, or centralized workflows.

curiositech/windags-skills

Foundational concurrent computation model where actors communicate exclusively through asynchronous message passing

curiositech/windags-skills

license: Apache-2.0 NOT for unrelated tasks outside this domain.

관련 스킬