Notre avis
Ajoute une nouvelle carte d'article de blog dans le fichier blog.html en respectant la structure existante.
Points forts
- Maintient la cohérence visuelle avec les cartes existantes
- Gère automatiquement la position chronologique
- Intègre les classes pour le mode sombre
- Préserve la disposition responsive de la grille
Limites
- Ne fonctionne que pour un site statique simple en HTML
- Suppose que la structure des cartes est uniforme
- N'extrait pas automatiquement les métadonnées (tags, temps de lecture)
Pour ajouter rapidement un nouvel article à un blog HTML statique avec un layout par grille.
Pour des blogs dynamiques (CMS, bases de données) ou lorsque la structure HTML des articles varie.
Analyse de sécurité
SûrThe skill only reads and edits a local HTML file using Read, Edit, and Grep. There are no external interactions, destructive commands, or security risks.
Aucun point d'attention détecté
Exemples
Add a new blog article card to blog.html for 'Understanding Web Accessibility'Add a new blog post titled 'CSS Grid Tricks' with tags: css, layout, design, estimated read time 8 minutesAdd a new blog article card for 'Getting Started with Claude Code' and place it before the existing cards (newest first)name: new-blog-post description: Add a new blog article card to blog.html argument-hint: [title] allowed-tools: Read, Edit, Grep
Add New Blog Post
Add a new article card to blog.html for: $ARGUMENTS
Steps
- Read
blog.htmlto understand the current card structure and grid layout - Create a new article card matching the existing pattern:
- Title, description, tags, estimated read time, date
- Proper dark mode classes
- Hover effects consistent with other cards
- Responsive grid placement
- Insert the new card in the appropriate position (newest first)
- Verify the grid layout still works with the new card count
Expert Next.js App Router
Developpement
Un skill qui transforme Claude en expert Next.js App Router.
Générateur de README
Developpement
Crée des README.md professionnels et complets pour vos projets.
Rédacteur de Documentation API
Developpement
Génère de la documentation API complète au format OpenAPI/Swagger.