SkillProof tested Claude skills

Styleseed Design Review

Évalue le code UI de 0 à 100 sur 7 axes de conception et renvoie une liste de corrections priorisées, citant les lignes

par bitjaru · bitjaru/styleseed

Testé · Fonctionne ★ 9.2/10

Styleseed Design Review — Évalue le code UI de 0 à 100 sur 7 axes de conception et renvoie une liste de corrections priorisées, citant les lignes

Ce que fait

Examine le code UI React/Tailwind/HTML par rapport à une grille en sept catégories (cohérence, couleur, hiérarchie, mise en page, états, rédaction UX, mouvement), le note de 0 à 100, et renvoie une liste de corrections classées par gain de score avec les numéros de ligne cités. Se déclenche lorsqu'une interface semble générique ou générée par l'IA, lorsque vous souhaitez un score de conception avant l'expédition, ou lorsqu'il est demandé de rendre l'UI plus polie. Grille autonome intégrée dans le corps de la compétence ; elle examine et recommande mais ne modifie pas automatiquement.

Rapport de test

Récupéré SKILL.md via l'API GitHub/raw ; le frontmatter est parsé avec name+description, et trois URLs référencées (LICENSE, engine/RULESETS.md, plugin.json) ont toutes renvoyé 200. Installé proprement dans un HOME temporaire (SKILL.md a atterri à ~/.claude/skills/styleseed-design-review/SKILL.md) ; aucun script, aucune faille de sécurité. Pour la sortie, j'ai écrit un Dashboard.tsx de 32 lignes ensemencé avec des 'AI-tells' et produit deux revues : ma prose de référence a signalé la plupart des 'tells' mais n'a donné aucun score, aucun numéro de ligne, et aucun ordre, et a manqué le problème nombre/unité 2:1 et le tableau non encadré ; la revue de la grille de compétences l'a noté 38/100 F avec des déductions par catégorie citant les lignes et une liste de corrections classées par gain de score (+17/+10/+9/+8).

Testé le: 2026-07-21 · Claude Code 2.x (agent harness)

Installation

git clone --depth 1 https://github.com/bitjaru/styleseed.git /tmp/styleseed-design-review-src
mkdir -p ~/.claude/skills
cp -R /tmp/styleseed-design-review-src/skills/styleseed-design-review ~/.claude/skills/styleseed-design-review
# Self-contained: the full rubric lives in SKILL.md, no deps, no scripts, no API keys.
# Skill lives in a subdir of the repo; the full 74-rule reference and components stay in the cloned repo but are not required to run the review.

Commandes et exemples de prompts

  • /styleseed-design-reviewÉvalue le code UI de 0 à 100 sur 7 axes de conception et renvoie une liste de corrections priorisées, citant les lignes

Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :

  • Why does this React UI look AI-generated
  • Score this Tailwind page before I ship it
  • Make this interface look designed, not generated

Rapport complet →