Turki-Sh

Foreman — Design skill for Claude Code

Design community

A build playbook that turns your coding agent into the foreman of a website build.

How to install Foreman

This entry records only its repository, not the path inside it, so there is no exact command to give. Open Turki-Sh/Foreman and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Foreman does

A build playbook that turns your coding agent into the foreman of a website build. It interviews you, forces the design and scope decisions, locks a visual system, writes the build brief, then verifies, ships, and indexes the site. Claude Code plugin and Agent Skill. Markdown only, no scripts.

Alternatives in Design

  • Design Plugin — A Claude Code plugin that helps you make confident UI design decisions through rapid iteration 674 ★
  • Design Dna — Turn reference UIs (images, screenshots, URLs) into quantified Design DNA JSON—tokens, qualitative style, visu 624 ★
  • Contributing To MiniCode — Thanks for contributing to MiniCode 388 ★

README

Foreman

**A build playbook for shipping real websites with coding agents.** Not tied to any one agent: it is a folder of markdown, so it runs on Claude Code, Cursor, Windsurf, Codex, Copilot, Gemini CLI, or a chat window with no skills support at all.

[![Agent Skill](https://img.shields.io/badge/agent-any-1B4DD1?style=flat&logo=markdown&logoColor=white)](AGENTS.md) [![Claude Code](https://img.shields.io/badge/Claude%20Code-one%20command-D97757?style=flat&logo=claude&logoColor=white)](https://code.claude.com/docs/en/plugins) [![Steps](https://img.shields.io/badge/steps-8-1B4DD1?style=flat)](#what-is-in-the-box) [![References](https://img.shields.io/badge/references-9-1B4DD1?style=flat)](#what-is-in-the-box) [![Assets](https://img.shields.io/badge/assets-6-1B4DD1?style=flat)](#what-is-in-the-box) [![Version](https://img.shields.io/badge/version-1.3.0-1B4DD1?style=flat&logo=semanticrelease&logoColor=white)](CHANGELOG.md) [![Validate](https://img.shields.io/github/actions/workflow/status/Turki-Sh/Foreman/validate.yml?style=flat&logo=githubactions&logoColor=white&label=validate)](https://github.com/Turki-Sh/Foreman/actions/workflows/validate.yml) [![Scripts](https://img.shields.io/badge/executable%20code-none-16A34A?style=flat&logo=markdown&logoColor=white)](#no-scripts) [![License](https://img.shields.io/badge/license-MIT-3DA639?style=flat&logo=opensourceinitiative&logoColor=white)](LICENSE) [![Author](https://img.shields.io/badge/by-Turki%20Alshuaibi-1B4DD1?style=flat)](https://turkialshuaibi.com/)

**[foreman.turkialshuaibi.com](https://foreman.turkialshuaibi.com/)**

The Foreman site: a technical sheet on white paper, with a hand-drawn wireframe annotated with the decisions the interview forces.

Foreman's own site, built by running Foreman. If the playbook cannot produce one good page, it is not worth installi