implement-design

Translate approved design documents into code with unit, integration, and e2e tests.

Updated Jan 31, 2026
One-click install
npx skills add https://github.com/token-overflow/tokenoverflow --skill implement-design-token-overflow
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: implement-design
Source: https://github.com/token-overflow/tokenoverflow/tree/main/.agents/skills/implement-design
Command: npx skills add https://github.com/token-overflow/tokenoverflow --skill implement-design-token-overflow

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Translates an approved design document into production-ready code by enforcing disciplined, test-driven development and guarding against drift between design intent and implementation.

Core Features & Use Cases

  • Enforce conformance to approved design documents, ensuring implemented features reflect intended architecture.
  • Mandate a test-first workflow: write failing tests before coding to guide implementation.
  • Support a three-tier testing approach (unit, integration, e2e) aligned with production workflows.
  • Promote FCIS architectural patterns (Functional Core / Imperative Shell) to organize code.

Quick Start

Follow the approved design document, write a failing test first, then implement the code and verify all pre-commit hooks pass before committing.

Frequently Asked Questions about implement-design

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

FAQPage Schema
How do I implement code from a design document without architecture drift?

To implement design-driven code without drift, translate an approved design document into production-ready code using strict design conformance checks, test-driven development, and pre-commit hooks to guard against deviations from intended architecture.

What is the three-tier testing approach for test-driven development?

The three-tier testing approach mandates writing failing tests before coding across unit, integration, and e2e layers. This test-first workflow guides implementation and ensures comprehensive test scaffolding aligned with production workflows.

Can I use FCIS architecture patterns with test-driven development?

Yes, you can use FCIS architecture patterns with test-driven development. The approach promotes Functional Core and Imperative Shell organization to structure code, ensuring disciplined implementation while maintaining strict design doc compliance.

How do I enforce pre-commit hooks are green before committing code?

To enforce pre-commit hooks are green, write a failing test first, then implement the code and verify all pre-commit hooks pass prior to commit. This disciplined workflow ensures design conformance and test validation before changes are committed.

What is the best way to scaffold unit, integration, and e2e tests?

The best way to scaffold unit, integration, and e2e tests is through a three-tier testing approach. Mandate a test-first workflow by writing failing tests before coding to guide implementation and ensure production-ready code meets design document specifications.