implement-design

Convert design documents into code using Sonnet agents.

Updated Mar 20, 2026
One-click install
npx skills add https://github.com/KevounC/claude-kanban --skill implement-design-kevounc
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: implement-design
Source: https://github.com/KevounC/claude-kanban/tree/main/.claude/skills/implement-design
Command: npx skills add https://github.com/KevounC/claude-kanban --skill implement-design-kevounc

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires Sonnet, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the code implementation process by converting design documents into actual code, reducing the manual effort required to write code.

Core Features & Use Cases

  • Design to Code Conversion: Transforms design documents into code, saving time and reducing the risk of errors.
  • Agent-based Implementation: Utilizes Sonnet-model agents to implement the code, ensuring consistency and quality.
  • Use Case: Ideal for scenarios where a design document exists, but manual coding is time-consuming or prone to errors.

Quick Start

Use the implement-design skill with the design document path 'design/implement-design.md'.

Frequently Asked Questions about implement-design

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

FAQPage Schema
How do I convert a design document into code automatically?

To convert a design document into code, this Skill orchestrates Sonnet agents to read your design file and generate the corresponding codebase implementation automatically. It requires the document path and codebase context.

What is the best way to automate feature development from design specs?

Automating feature development from design specs is best handled by using agent-based implementation to directly parse design documents and output functional code, reducing manual coding effort and errors.

Does design to code automation work with existing codebases?

Yes, design to code automation works with existing codebases by requiring knowledge of the current code structure to ensure the generated code integrates properly with your existing feature development environment.

Do I need Sonnet agents to generate code from design documents?

You need Sonnet agents to generate code from design documents because this Skill uses them to orchestrate the implementation process, ensuring consistency and quality in the code generation output.

Can I use a markdown design document for code generation?

Yes, you can use a markdown design document for code generation by supplying the file path, such as 'design/implement-design.md', to the automation script to begin the Sonnet agent implementation workflow.