Implement design

Bir spesifikasyondan, ekran görüntüsünden veya Figma açıklamasından bir kullanıcı arayüzü tasarımını çalışma koduna uygulayın.

yazan kuscubasiece·8 Eylül 2026

Kaynak: rohitg00/awesome-claude-code-toolkit · Apache-2.0

Kurulum

mkdir -p .claude/commands && curl -sL https://www.antrophiclove.com/api/kaynak/implement-design/raw -o .claude/commands/implement-design.md

Hedef dosya: .claude/commands/implement-design.md

Önizleme Ham metin ⑂ Kendi sürümünü oluştur

Implement a UI design from a specification, screenshot, or Figma description into working code.

## Steps


1. Analyze the design specification:
2. Break the design into components:
3. Implement the layout:
4. Add typography and colors:
5. Add interactive behavior:
6. Test against the original design:

## Format


```
Design: <design name or reference>
Components Created: <list>
Layout: <grid/flex structure>
Responsive: <breakpoints implemented>
```


## Rules

- Match the design as closely as possible; ask before deviating.
- Use the project's existing component library before creating new ones.
- All text must be real content, not Lorem Ipsum.