Item detail

nlook-service/design-from-code

nlook-service/design-from-code is a MIT-licensed Claude Code plugin and Codex skill that traces real JSX, handlers, and data paths before generating faithful HTML mockups, AS-IS versus TO-BE comparisons, and design docs for UI changes.

Score8.1
Popularity6.0
Riskconditional
TierSilver
Score breakdown
Usefulness8.0
Novelty7.0
Momentum6.0
Maturity6.0
Open-source/build8.4
Evidence7.2
Workflow potential8.9
Setup ease6.4

Popularity is tracked separately. Support, ads, sponsorships, and tips never affect these signals.

Why it matters

Useful for product-minded developers and designers who want AI help on interface changes without accepting made-up screens that ignore how the current product actually works.

Who should use it

frontend engineers iterating on production UIsproduct designers working from live code instead of screenshotsfounders who need fast but grounded UI change proposalsteams delegating implementation after agreeing on HTML mockups

Who should skip it

Skip if the source link, docs, or setup requirements do not match your workflow.

Risk explanation

It reads live component code and related data paths, so teams should keep the same source-access boundaries they already use for coding assistants on private repos.

Evidence links

Closest alternatives / related signals

ui-designfrontendclaude-codecodexhtml-mockups