Can I use it to regenerate existing images?

Yes, it scans for existing assets and can overwrite them to ensure they align with a new or updated design system while updating alt text.

What tool does it use for image generation?

It utilizes the nano-banana-pro engine to create high-quality visuals that match your specified aesthetic, dimensions, and target audience.

What do I need to run Design Polish?

You need a React frontend, a defined design system in design-system/MASTER.md, and project context in CLAUDE.md for optimal results.

What happens if asset generation fails?

The skill makes two retry attempts before marking the asset as 'manual needed' in the generation log for human intervention.

Does it work with non-React projects?

Currently, it is optimized for React, scanning for data-asset attributes and standard src directory structures within the frontend root.

Design Polish & Asset Generator

Name: Design Polish & Asset Generator
Author: fiatkongen

byfiatkongen

0•

デザインツール

Automatically replaces frontend placeholders and existing assets with AI-generated visuals aligned with your project's design system.

Design Polish is a specialized Claude Code skill that streamlines the visual refinement of React applications by generating professional-grade assets using nano-banana-pro. It intelligently scans your project for data-asset placeholders and existing images, cross-references your design system's aesthetic and project context, and replaces them with tailored heroes, illustrations, and icons. Beyond simple replacement, it proactively identifies enhancement opportunities like empty states and error pages, ensuring your application is demo-ready and visually cohesive before launch.

主な機能

01Automatic wiring of generated assets into React components

020 GitHub stars

03Design system-aligned image generation via nano-banana-pro

04Automated asset inventory and placeholder detection

05Proactive UI enhancement for empty states and error pages

06Standardized generation of logos, favicons, and Open Graph images

ユースケース

01Preparing a frontend prototype for a stakeholder demo or official launch

02Rapidly populating placeholder-heavy codebases with production-ready visuals

03Refreshing a legacy UI with a new design system and consistent brand assets

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add fiatkongen/saurun-marketplace design-polish

For use in Claude.ai and ChatGPT

Download Skill