impeccable-design-polish

nexu-io/open-design · Agent Skill

Migliora il design esistente di una pagina web o di un artefatto HTML attraverso audit, critica, rifinitura, animazione e preparazione per il passaggio live/condivisione.

Vai all'installazione ↓

Panoramica

Autore	nexu-ioOrganizzazione
Repository	nexu-io/open-design ↗
Cartella dello skill	`impeccable-design-polish`
Stelle	94.749
File inclusi	1
Licenza	Apache-2.0
Aggiornato	2 giugno 2026
Link	Sorgente dello skill ↗ · Repository ↗

Verifica Mozgi

Cosa abbiamo trovato nei file dello skill. I dettagli con l’abbonamento.

Sicurezza

rischio basso · nessun rischio evidente — il report completo mostra i dettagli

Compatibilità

solo istruzioni — funziona con la maggior parte degli agenti

Skill simili

139 skill simili trovati

Inoltre con l’abbonamento

Installazione

Uno skill è una cartella con un file SKILL.md. Scegli il tuo agente ed esegui i comandi in un terminale (macOS, Linux o Git Bash su Windows) dalla radice del progetto.

Incolla il prompt in Claude, Codex o un altro assistente: controllerà lo skill e lo installerà.

Install the “impeccable-design-polish” skill from mozgi.io (https://mozgi.io/skills/impeccable-design-polish/) for me.

1. Download the archive: https://mozgi.io/skills/impeccable-design-polish/download
   If it fails, take the skill folder from the source: https://github.com/nexu-io/open-design/tree/main/skills/impeccable-design-polish
2. Read SKILL.md and the other files. Check the skill is safe: no hidden commands, no sending data elsewhere, no scripts doing something other than described. If anything looks suspicious, stop and tell me.
3. Put the “impeccable-design-polish” folder into your agent's skills folder: .claude/skills/ for Claude Code, .agents/skills/ for Codex, .cursor/skills/ for Cursor, .gemini/skills/ for Gemini CLI. Inside the project if we are in one, otherwise in the home folder (~/.claude/skills/ etc.).
4. Make sure <skills folder>/impeccable-design-polish/SKILL.md exists.
5. Briefly tell me what this skill does and offer to try it on my task.

If you cannot do a step yourself, tell me what to click or type.

git clone --depth 1 --branch main https://github.com/nexu-io/open-design.git /tmp/open-design
mkdir -p .claude/skills
cp -r /tmp/open-design/skills/impeccable-design-polish .claude/skills/impeccable-design-polish

Riavvia Claude Code: lo skill compare nell'elenco; per richiamarlo a mano usa /impeccable-design-polish. Per tutti i progetti: ~/.claude/skills.

git clone --depth 1 --branch main https://github.com/nexu-io/open-design.git /tmp/open-design
mkdir -p .agents/skills
cp -r /tmp/open-design/skills/impeccable-design-polish .agents/skills/impeccable-design-polish

Codex cerca gli skill in .agents/skills dalla cartella corrente fino alla radice del repo; richiamalo con /skills o $impeccable-design-polish. Per tutti i progetti: ~/.agents/skills.

git clone --depth 1 --branch main https://github.com/nexu-io/open-design.git /tmp/open-design
mkdir -p .cursor/skills
cp -r /tmp/open-design/skills/impeccable-design-polish .cursor/skills/impeccable-design-polish

Cursor carica lo skill all'avvio; richiamalo con “/” nella chat Agent. Cursor legge anche .claude/skills e .agents/skills. Per tutti i progetti: ~/.cursor/skills.

git clone --depth 1 --branch main https://github.com/nexu-io/open-design.git /tmp/open-design
mkdir -p .gemini/skills
cp -r /tmp/open-design/skills/impeccable-design-polish .gemini/skills/impeccable-design-polish

Gemini CLI propone di attivare lo skill quando il compito corrisponde: tu confermi. Per tutti i progetti: ~/.gemini/skills.

File dello skill

1 file Scarica ZIP

Leggi SKILL.md e i file correlati prima di installare. Clicca un file per l'anteprima.

Contenuto di SKILL.md

Testo originale dell'autore · sola lettura

Impeccable Design Polish

Use this skill as the post-generation pass for an existing design. It should not restart the project from scratch; it should make the current artifact sharper, more usable, and closer to something a designer would ship.

Follow-Up Modes

Audit: identify the highest-impact issues in hierarchy, spacing, color, type, interaction states, responsiveness, and accessibility.
Critique: explain what feels generic, overdesigned, underdesigned, or inconsistent.
Polish: directly edit the artifact to improve the top issues while preserving the user's intent.
Animate: add restrained, useful motion only where it improves feedback or storytelling.
Harden: repair mobile overflow, text clipping, contrast problems, missing states, broken links, and fragile layout assumptions.
Live: prepare the artifact for presentation or sharing, including final visual QA and clear next actions.

Operating Rules

1. Inspect the current HTML/page before editing. Do not guess from the prompt alone.

2. Keep the existing content, brand, and scenario unless the user explicitly asks to change them.

3. Prefer a few decisive fixes over broad cosmetic churn.

4. Remove common AI tells:

purple-blue glow gradients with no product reason
generic 3-card feature rows
oversized rounded cards everywhere
empty marketing adjectives
inconsistent spacing and type scale
decorative effects that do not support comprehension

5. Preserve accessibility: focus states, contrast, semantic controls, readable text, and reduced-motion fallbacks.

6. Finish with the artifact in a better runnable state, not just a critique list.

Best Pairings

Pair with design-taste-frontend or gpt-taste for stronger anti-slop redesign work.
Pair with emilkowalski-motion or GSAP skills for motion-specific polish.
Pair with image/video skills when the artifact needs real visual assets rather than CSS-only decoration.

Domande frequenti

Che cosa fa lo skill impeccable-design-polish?

Migliora il design esistente di una pagina web o di un artefatto HTML attraverso audit, critica, rifinitura, animazione e preparazione per il passaggio live/condivisione.

Come si installa impeccable-design-polish?

Apri il blocco “Installazione” in questa pagina e scegli il tuo agente — Claude Code, Codex, Cursor o Gemini CLI — per i comandi pronti che copiano la cartella dello skill nel posto giusto. Oppure copia il prompt dalla scheda “Con l'assistente” e lascia che sia l'assistente a controllare e installare lo skill.

Con quali modelli AI funziona impeccable-design-polish?

Gli skill sono semplici istruzioni in Markdown (formato Agent Skills), quindi impeccable-design-polish funziona con qualsiasi agente che legge SKILL.md: Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode e altri. Il modello carica le istruzioni solo quando il compito corrisponde alla descrizione dello skill.

impeccable-design-polish è gratuito?

Lo skill è pubblicato apertamente da nexu-io con licenza Apache-2.0. Lo skill in sé non costa nulla: paghi solo il tuo fornitore AI per i token usati.

È sicuro installare gli skill?

Uno skill è un insieme di istruzioni che il tuo agente seguirà: leggi SKILL.md e i file correlati prima di installarlo. Gli script nella cartella dello skill vengono eseguiti solo se li esegue l'agente: controlla cosa fa e non concedere permessi superflui.

In cosa differisce uno skill da un server MCP o da un plugin?

Un server MCP o un plugin danno al modello nuovi strumenti: codice che viene eseguito e restituisce un risultato. Uno skill fornisce conoscenza e metodo: come affrontare il compito, quali passi seguire e com'è un buon risultato. Non servono server né chiavi API.

Skill correlati

Tutti gli skill →

open-design-landing Genera un sito web collage editoriale di una pagina per un brand, utilizzando il linguaggio visivo Atelier Zero. Aggiunge automaticamente animazioni e una navigazione sticky. nexu-io95.9k

gpt-taste Crea design UX/UI di alta qualità e animazioni GSAP con randomizzazione unica del layout, struttura AIDA rigorosa e attenzione alla tipografia e allo spazio. nexu-io95.9k

qiaomu-mondo-poster-design Genera design di poster, copertine di libri e album potenziati dall'IA nello stile distintivo Mondo. Supporta vari formati e proporzioni senza richiedere competenze di progettazione. nexu-io3.3k

prototype Crea prototipi usa e getta per rispondere rapidamente a domande di design o questioni logiche. mattpocock304k

design-philosophy Applica la filosofia di design di VS Code per giustificare l'interfaccia utente utilizzando Valori, Principi e Mosse, non pixel. Aiuta nella progettazione, revisione e feedback sugli elementi visivi. microsoft192k

canvas-design Crea design visivi originali e opere d'arte su tele digitali, utilizzando la filosofia del design, concentrandoti sulla forma, lo spazio e il colore. anthropics184k