repaint

Community

Build high-quality, human-like frontend UI designs.

AuthorLucasSantana-Dev
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps build production-grade frontend UIs that don't look like AI-generated, ensuring they look designed and behave like elite products.

Core Features & Use Cases

  • Pipeline for UI Development: A self-contained 5-phase pipeline for creating UIs, including research, token specification, scaffolding, building, and audits.
  • Industry-Standard Design Systems: Incorporates Material 3, Apple HIG, Carbon, Polaris, Fluent, Ant, and more for consistency and quality.
  • Accessible and SEO-Ready: Ensures UIs are accessible and search engine friendly with semantic HTML and best practices.
  • Real-time Feedback Loop: Iterates and improves UIs based on live browser screenshots and audits.

Quick Start

Add the repaint skill to your agent's directory and start building UIs by running commands like 'build UI design' or 'redesign landing page'.

Dependency Matrix

Required Modules

python

Components

scriptsreferencesassets

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: repaint
Download link: https://github.com/LucasSantana-Dev/repaint/archive/main.zip#repaint

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.