Our review
This skill creates a complete index/list view with its controller action and repository method, following BreweryWarehouse.Web design conventions.
Strengths
- Enforces a consistent industrial design system (tables, colors, buttons)
- Automatically highlights rows with expiring BestBefore dates
- Leverages ASP.NET tag helpers and DisplayFor/DisplayNameFor
Limitations
- Highly specific to a single project and its conventions
- No support for inline styles or advanced view logic
- Requires manual updates to CLAUDE.md and sitemap.md after generation
Use this skill when you need to add a list page for an entity in BreweryWarehouse.Web, following the industrial design system.
Avoid this skill if you need a custom layout, advanced features like sorting or filtering, or if you're working on a different project.
Security analysis
SafeThe skill only provides instructions for creating static files (controller, repository, view) with design conventions. There are no executable commands, network requests, or obfuscated payloads.
No concerns found
Examples
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.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
Next.js App Router Expert
Development
A skill that turns Claude into a Next.js App Router expert.
README Generator
Development
Creates professional and comprehensive README.md files for your projects.
API Documentation Writer
Development
Generates comprehensive API documentation in OpenAPI/Swagger format.