Création de page liste

VérifiéSûr

Compétence pour créer une vue Index/liste avec son action de contrôleur et méthode de dépôt dans BreweryWarehouse.Web.

Spar Skills Guide Bot
DeveloppementIntermédiaire
1024/07/2026
Claude Code
#list-page#asp-net-core#razor-views#crud#brewery-warehouse

Recommandé pour

Notre avis

Cette compétence génère une vue d'index/liste complète avec son contrôleur et son repository, en suivant les conventions de conception de BreweryWarehouse.Web.

Points forts

  • Applique un design système cohérent (tableaux, couleurs, boutons)
  • Gère automatiquement les lignes avec date de péremption proche
  • Utilise les tag helpers ASP.NET et DisplayFor/DisplayNameFor

Limites

  • Très spécifique à un projet et à ses conventions
  • Ne supporte pas les styles inline ni la logique avancée dans la vue
  • Nécessite de modifier CLAUDE.md et sitemap.md après génération
Quand l'utiliser

Utilisez cette compétence lorsque vous devez ajouter une page de liste pour une entité dans BreweryWarehouse.Web, en respectant le design system industriel.

Quand l'éviter

Évitez cette compétence si vous avez besoin d'une mise en page personnalisée, de fonctionnalités avancées comme le tri ou le filtrage, ou si vous travaillez sur un autre projet.

Analyse de sécurité

Sûr
Score qualité90/100

The skill only provides instructions for creating static files (controller, repository, view) with design conventions. There are no executable commands, network requests, or obfuscated payloads.

Aucun point d'attention détecté

Exemples

Create product index page
Add an Index page for the Product entity using the BreweryWarehouse.Web conventions. Create the controller action, repository GetAll method, and the Razor view with full-width table, expiring rows, and Details button.
Add customer list page
Generate a list view for Customer in BreweryWarehouse.Web. Follow the list page skill: use the design system, DisplayFor/DisplayNameFor, alternating rows, and an amber Details pill. Don't forget to update CLAUDE.md and sitemap.md.

name: List Page Skill description: Use this skill when creating a new Index/list view and its supporting controller action and repository method in BreweryWarehouse.Web.

Scope — Files To Create Or Modify

  • BreweryWarehouse.Web/Controllers/{Entity}Controller.cs — add Index() action if missing
  • BreweryWarehouse.Web/Repositories/{Entity}Repository.cs — verify GetAll() exists
  • BreweryWarehouse.Web/Views/{Entity}/Index.cshtml — create the list view

List Page Conventions

  • Use the brewery industrial design system defined in .github/agents/ux-agent.agent.md
  • Table must be full-width with border-collapse: collapse
  • thead: background --bw-surface-2, uppercase condensed 12px, text --bw-text-muted
  • tbody rows: alternating --bw-surface / --bw-surface-2, hover brightness(1.08)
  • Last column: Details link styled as small amber pill button using asp-controller, asp-action, asp-route-id tag helpers
  • Rows where BestBefore is within 30 days get class row-expiring and text --bw-danger
  • No logic in views beyond simple @if and @foreach
  • Use @Html.DisplayFor and @Html.DisplayNameFor where possible
  • DateTime format: item.BestBefore.ToString("dd MMM yyyy")
  • No inline style attributes — all styles go in wwwroot/css/site.css

Post-Task Rules

  • Always update CLAUDE.md after adding a new page
  • Always update docs/sitemap.md with the new route
Skills similaires