# design-from-code

Design UI changes from real source code — verify data, iterate faithful HTML mockups, then delegate. A Claude Code plugin & Codex skill by nlook.me

- Tier: Indexed (plain plugin)
- Category: Development
- Page: https://www.flowy.sh/listings/nlook-service-design-from-code
- Source: https://github.com/nlook-service/design-from-code
- Price: free and open source

## Summary
design-from-code is a Claude Code plugin with 1 hand-picked skill for development work, indexed on Flowy. Install it with the command on its page. It includes design-from-code. Its skills do not fire on their own yet. Request auto-invocation to have Flowy route them as you prompt. Free and open source.

## Install (Claude Code)
```
npx -y skills add nlook-service/design-from-code
```

## Skills
- design-from-code

## FAQ

### What is design-from-code?
Design UI changes from real source code — verify data, iterate faithful HTML mockups, then delegate. A Claude Code plugin & Codex skill by nlook.me

### How do I install design-from-code?
Run these in Claude Code: npx -y skills add nlook-service/design-from-code. Then prompt normally.

### Does design-from-code auto-invoke its skills?
Not yet. It is indexed on Flowy as a plain plugin. Request auto-invocation on its page and Flowy will route its skills for you as you prompt.

### Is design-from-code free?
Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.