---
title: Design Craft
category: product
entity_type: skill
price: $15
canonical: https://forgehouse.ai/skills/design-craft/
lang: en
hreflang_alt: https://forgehouse.ai/tr/skiller/design-craft/
last_updated: 2026-06-20
---

# Design Craft

> Apply a neuroscience-driven, decision-oriented UI craft methodology to any web design or…

A neuroscience-driven, decision-oriented working method for elevating any web design that feels amateur or cheap. Instead of random CSS tweaks, it treats every UI element as a behavioral task and runs a disciplined three-iteration craft loop with visual verification and WCAG contrast measurement. Turns vague 'I don't like it' feedback into surgical, evidence-backed improvements.

## Use cases
- A section looks amateur or generic and you can't pin down why
- Acting on design feedback without rewriting the whole layout
- Verifying dark-theme text readability by measurement, not guesswork
- Smoothing harsh color boundaries between adjacent sections
- Redesigning a flat, airy page into a crafted composition
- Carrying craft lessons from one section into the next

## Benefits
- Replace guesswork with verified, screenshot-backed design decisions
- Stop endless revision rounds with a bounded three-iteration discipline
- Avoid over-corrections by interpreting feedback in its narrowest scope
- Build a memory of approved and rejected techniques so mistakes aren't repeated

## What’s included
- Decision-oriented technique format: trigger, technique, verification, plus an evidence tag
- Three-iteration craft loop with mandatory visual verification each pass
- Self-audit pass surfacing errors, gaps, and unused capabilities
- WCAG contrast check using parent-chain alpha-composite measurement
- Surgical-edit and over-correction prevention patterns
- Compact-craft rules to remove decorative repetition and shorten bloated sections

## Who it’s for
Designers and front-end builders who keep hearing 'this looks cheap' and need a repeatable method to make a design genuinely premium.

## How it runs
Not a style guide but a working method: every UI section goes through a 3-iteration craft cycle with visual verification and a self-audit after each pass. The exact loop:
1. Before touching a new section, reads the audit lessons from the previous section so the same mistakes are not repeated in iteration 1, then takes a Playwright screenshot of the current state and reads the code. Working blind is banned.
2. Iteration 1 starts with structural and composition craft, never surface tweaks: every element gets a neuroscience job (H1 as focal hammer, CTA as Fitts magnet, accent color as Von Restorff isolation at exactly two spots per page).
3. After each iteration, takes a fresh screenshot and runs a three-question self-audit: what went wrong (HATA), what was skipped (EKSİK), which capability went unused (KULLANILMAYAN YETENEK). Findings feed the next iteration.
4. Measures dark-theme contrast with a parent-chain alpha-composite calculation instead of guessing: ancestor backgrounds are blended bottom-up to find the real opaque ground, then the luminance ratio is checked against 4.5:1 normal and 3:1 large-text thresholds.
5. Interprets negative feedback surgically: the narrowest possible reading, asking a clarifying question before ripping out surrounding structure, because over-correction has burned real sessions before.
6. Records every technique in a decision format (trigger, technique, verification) with an evidence tag: approved techniques get reused, experimental ones used with care, rejected ones are never tried again.

## FAQ
### Can I apply this to an existing site without ripping out my CSS framework?
It works element by element on whatever you already run, Tailwind, plain CSS or a component library. You point it at the section that feels off, not the entire codebase.

### Is the three-iteration loop a hard cap, or can a stubborn section take more?
Three is the disciplined default that forces a real decision each round instead of endless tweaking. A section can run another loop, but if three rounds change nothing the problem is usually the content or layout, not the styling.

### Will this turn a weak layout into a good one, or only polish what is there?
It elevates craft on a sound structure: contrast, spacing, type and hierarchy. It will not invent a new information architecture or rescue a section that is the wrong layout for the job.

## Price
$15, one-time, no subscription. VAT included.

Related guide: [Building a design system with Claude Design](https://forgehouse.ai/guides/claude-design-design-system/)