glm02

Site A Z Skill — Design skill for Claude Code

Design community

Skill pour agent IA : livrer un site vitrine Next.js de A à Z (scraping, design, admin, SEO, lancement).

How to install Site A Z Skill

This entry records only its repository, not the path inside it, so there is no exact command to give. Open glm02/site-a-z-skill and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Site A Z Skill does

Skill pour agent IA : livrer un site vitrine Next.js de A à Z (scraping, design, admin, SEO, lancement).

Alternatives in Design

Export Diagram — Export a diagram-design HTML file to .svg and .png next to the source 27.2k ★
Remix — Restyle a site in another design vocabulary — brutalist, swiss, art-deco, cyberpunk, soft-ui, or editorial 3.6k ★
Taiyi Forge — TaiyiForge engine control — init, next, harness, continue (OMX-style) 881 ★

README

site-a-z — livrer un site vitrine Next.js de A à Z

Une **skill** pour agent IA (Claude Code, Codex…) : la méthode que j'applique pour livrer un site vitrine, de la récupération de l'ancien site jusqu'à la mise en ligne vérifiée. L'agent la charge seul dès qu'on lui demande une refonte ou un nouveau site.

Un site **éditorial** : il ressemble à une brochure imprimée de la marque, porte ses vraies photos et ses vrais textes, et se lit d'abord sur téléphone. Chaque étape se termine sur un critère vérifiable ; on ne passe pas à la suivante avant.

Les étapes

Scraper l'existant : toutes les pages, textes, photos d'origine, palette et polices relevées sur le CSS réel.
Plan : PLAN.md (décisions, arborescence, redirections, SEO, questions à trancher) et AGENTS.md (règles, journal des erreurs).
Socle : Next.js, TypeScript, Tailwind v4, structure shadcn/ui.
Direction artistique et composants : couleurs, typographie, mouvement ; composants récupérés et adaptés plutôt que générés.
Pages publiques, construites et relues sur téléphone puis sur ordinateur.
Données, formulaires, admin.
SEO : métadonnées, JSON-LD, sitemap, redirections depuis l'ancien site.
Lancement : la checklist, puis la vérification en ligne.

Contenu

Fichier	Rôle
`SKILL.md`	La procédure, étape par étape, avec le critère « fini quand » de chacune
`design.md`	Direction artistique : couleur, typographie, formes, composition, icônes, mouvement
`components.md`	Récupérer, choisir et adapter les composants (react-bits, Bklit UI…)
`seo.md`	Chaque page, JSON-LD, fichiers techniques, migration, référencement local, performance
`legal-fr.md`	Obligations légales d'un site professionnel français
`launch-checklist.md`	Ce qui doit être vrai avant d'annoncer « c'est en ligne »
`parcours.mjs`	Captur