kemiljk/skills/interaction-contracts

Claude Code and agent skill by kemiljk/skills

Trust tier 3
  • community
Source check pending

Checking that the SKILL.md file is still in the repository.

Define or review the behaviour promised by an interaction before or during implementation: triggers, state changes, persistence, interruption, recovery, and acceptance checks. Use when a mockup or component leaves consequential behaviour unresolved.

Install

npx vskill@latest install kemiljk/skills/interaction-contracts

SKILL.md

Interaction Contracts

Make the behaviour of a named interaction explicit enough that designers and engineers can build and verify the same experience. A contract describes observable promises; it does not require a state-machine library or a particular architecture.

Find the unresolved promise

Use the existing brief, interface, component API, and implementation to identify the person, task, starting state, and supported inputs. Preserve established behaviour unless the task calls for changing it. Distinguish a requirement from observed behaviour and a proposed change.

Cover the consequential uncertainty, not every possible event. An already specified local edit needs only the affected promise. Ask when a missing product decision would materially change the contract; otherwise state a reasonable assumption and proceed. A request for a specification authorises a specification; implementation requires an implementation request.

Describe the observable contract

Use a compact table, annotated flow, or the team's existing format. Include what matters for the interaction:

Contract elementResolve
Entry and triggerPreconditions, available inputs, and what initiates the operation
State and feedbackWhat changes immediately, what is pending, and what confirms completion
Ownership and persistenceWhere the authoritative value lives, when it is committed, and what survives leaving or returning
InterruptionWhat cancel, Escape, navigation, another input, or a second submission means where supported
Failure and recoveryWhat remains intact, how failure is explained, and how the person can continue
Focus and accessControl meaning, supported keyboard or assistive input, focus movement, and a reduced-motion equivalent where relevant

Separate cancelling an edit from cancelling a request and undoing a committed change. If cancellation cannot reverse a remote effect, do not promise that it does. Optimistic feedback needs an account of failure and reconciliation. Distinguish local acceptance from server confirmation or later processing when that difference matters to the task.

Inspect plausible overlapping actions: repeated submission, editing during a pending save, leaving and returning, or an older response arriving after a newer one. Include a sequence only when supported use can reach it. Resolve which result may update the UI without prescribing an unnecessary implementation mechanism.

Example: editing a project title

This is a hypothetical contract, not a product finding. Suppose the existing product uses explicit Save and Cancel:

Starting state and actionRequired resultAcceptance check
Open the editorCurrent title appears; committed value is unchangedOpen an existing project and inspect the input
Change the title, then CancelDraft is discarded; original title remainsReopen and confirm the original value
Submit a valid titleShow pending feedback; confirm saved only after successObserve a successful save and revisit the project
Save failsPreserve the draft, explain failure, and offer a useful retryCause a failed save, then retry without retyping

Decide validation, navigation during saving, and focus return from product context. Do not infer that every editor should use this save model.

Carry the contract into the work

For design, represent the needed states and transitions and annotate requirements the medium cannot demonstrate. For code, map the contract to existing state ownership, controls, and service boundaries. Avoid replacing an architecture merely to make the specification look tidy.

Verify representative sequences against observable results. Use behavioural tests for consequential state or persistence changes; visual inspection alone cannot establish those promises. A mock service proves only the behaviour it simulates. Disclose unavailable checks and unresolved decisions.

When reporting a bug, identify the affected consumer and task, prerequisites and reproduction steps, expected and actual behaviour, and impact. Keep unexecuted concerns as hypotheses; do not report an imagined event sequence as a reproduced failure.

Deliver the requested contract, review, or scoped implementation, with the decisions made, acceptance checks performed, and remaining limits. This skill defines behaviour; it does not expand a local interaction into a whole-product hardening pass.

Security

  • Security scanPassed, 90 of 100Pattern checks on the skill's files.
  • Model reviewPassed

Quality evaluation

  • Task evaluationNot runNo evaluation yet. Run one in Skill Studio.

Source

Popularity

7-day trend score
0

Not refreshed yet.

Works with

Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.

  • Claude Code
  • Cursor
  • GitHub Copilot
  • Windsurf
  • Codex
  • Gemini CLI
  • Cline
  • Amp
  • Roo Code
  • Goose
  • Continue
  • Kilo Code
  • Junie
  • Trae
  • OpenHands
  • Qwen Code
  • AI Agent
  • Tabnine Chat
  • Sourcegraph Cody
  • Amazon Q
  • Firebase Genkit
  • Sweep
  • Devin
  • Phind
  • Mentat
  • Claude Desktop
  • Aider
  • GPT Pilot
  • Plandex
  • bolt.new
  • v0
  • Replit Agent
  • Anse
  • TypingMind
  • BetterChatGPT
  • LibreChat
  • Warp AI
  • Pieces
  • Fig AI
Embed badge
vskill VERIFIED badge
[![vskill VERIFIED](https://verified-skill.com/api/v1/skills/kemiljk/skills/interaction-contracts/badge)](https://verified-skill.com/skills/kemiljk/skills/interaction-contracts)

Something wrong with this skill or its page? Tell us.