dk-local-mock-first-approach

Coordinate mock-first feature development with tracker.md and layer boundaries.

87|12|Updated Mar 1, 2026
One-click install
npx skills add https://github.com/deepklarity/harness-kit --skill dk-local-mock-first-approach
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: dk-local-mock-first-approach
Source: https://github.com/deepklarity/harness-kit/tree/main/.claude/skills/dk-local-mock-first-approach
Command: npx skills add https://github.com/deepklarity/harness-kit --skill dk-local-mock-first-approach

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Complex features often stall as teams wire APIs and UI before validating the user experience. This skill provides a disciplined approach to mock-first development that surfaces the UX early and preserves work across sessions.

Core Features & Use Cases

  • Phased mock-first workflow guides exploration, surface mocks, and layered deepening, keeping decisions documented in tracker.md.
  • Layer-boundary discipline helps teams identify when to swap mocks for real code, reducing risk and rework.
  • Artifact-driven process produces concrete mock data, acceptance notes, and test plans that can be reused for deeper development and alignment with stakeholders.
  • Use Case: When designing a new UI surface, teams can mock interactions and surface data first, then progressively implement real logic while preserving the UX rationale.

Quick Start

Run the mock-first workflow from Phase 0 to generate and review mocks before committing to implementation.

Frequently Asked Questions about dk-local-mock-first-approach

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

FAQPage Schema
What is mock-first feature development for UX validation?

Layer-boundary discipline identifies exactly when to swap surface mocks for real code. This approach reduces risk and rework by enforcing documented mock artifacts and acceptance gates, ensuring teams only commit to implementation after the user experience is validated.

How do I start a mock-first workflow for UI-heavy changes?

Run the mock-first workflow from Phase 0 to generate and review surface mocks before committing to implementation. The process progresses through exploration, surface mocks, and layered deepening, keeping all decisions documented in tracker.md across sessions.

Does mock-first development work for multi-layer feature changes?

Yes, mock-first development applies to UI-heavy and multi-layer changes. It produces concrete mock data, acceptance notes, and test plans that can be reused for deeper development, helping teams progressively implement real logic while preserving the UX rationale.

Why does complex feature development stall before UX validation?

Complex features stall when teams wire APIs and UI before validating the user experience. A mock-first approach surfaces the UX early using documented artifacts and acceptance gates, preventing premature implementation and preserving work across sessions.

When should I not use a mock-first approach for feature development?

Mock-first development is not ideal for simple backend-only changes lacking a user interface. It is designed for UI-heavy or multi-layer changes where teams need realistic surface mocks and documented acceptance gates before committing to full implementation.