dotnet-frontend

Automate Razor Pages UI setup with ASP.NET Core, Bootstrap, and jQuery.

Updated Nov 30, 2025
One-click install
npx skills add https://github.com/gabrielsan90/FacturacionV2 --skill dotnet-frontend
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: dotnet-frontend
Source: https://github.com/gabrielsan90/FacturacionV2/tree/main/.claude/skills/dotnet-frontend
Command: npx skills add https://github.com/gabrielsan90/FacturacionV2 --skill dotnet-frontend

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill guides frontend developers in building Razor Pages UI using ASP.NET Core, jQuery, and Bootstrap 5, addressing repetitive UI setup, integration of DataTables, and consistent design patterns across projects.

Core Features & Use Cases

  • Razor Pages scaffolding and page pattern recommendations for common UI tasks (CRUD pages, modals, data tables).
  • Integration patterns for jQuery, Bootstrap 5, and DataTables to create responsive interfaces.
  • Use Case: Build a complete UI for an entity with list, details, create/edit forms, and client-side validation.

Quick Start

Open the Frontend project and follow the tutorial to scaffold Razor Pages, wire DataTables, and implement CRUD modals and AJAX handlers.

Frequently Asked Questions about dotnet-frontend

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I scaffold Razor Pages with Bootstrap and jQuery for CRUD operations?

To scaffold Razor Pages with Bootstrap and jQuery, automate the setup of CRUD pages, modals, and data tables. This enforces consistent frontend architecture patterns and proper file organization across ASP.NET Core projects.

What is the best way to integrate DataTables into an ASP.NET Core Razor Pages project?

The best way to integrate DataTables in Razor Pages is by using established integration patterns with jQuery and Bootstrap 5. This approach ensures responsive interfaces and consistent design when creating list views and data tables.

Does this frontend approach require specific libraries for building Razor Pages UIs?

Yes, building Razor Pages UIs with this approach requires standard frontend libraries including Bootstrap, jQuery, and DataTables. These dependencies are necessary to enforce consistent design patterns and responsive interfaces.

How do I create AJAX handlers and CRUD modals in ASP.NET Core Razor Pages?

Create AJAX handlers and CRUD modals in ASP.NET Core Razor Pages by following frontend architecture patterns that wire Bootstrap 5 and jQuery. This ensures proper integration of client-side validation and form submissions.

Why should I use Razor Pages instead of other ASP.NET Core frontend approaches for data-heavy UIs?

Use Razor Pages for data-heavy UIs to streamline repetitive UI setup and maintain consistent design patterns. It provides structured page organization and direct integration with Bootstrap, jQuery, and DataTables for responsive interfaces.

Can I build a complete entity UI with list, details, and edit forms using Razor Pages?

Yes, you can build a complete UI for an entity in Razor Pages. This includes creating list views, details pages, create/edit forms with modals, data tables, and client-side validation using Bootstrap 5 and jQuery.