project-xy-design-guide
CommunityBrand-aligned UI, consistently.
Design & Creative#typography#tailwind#responsive-design#design-patterns#ui-components#brand-guidelines#razor-pages
Authorsvkaenel
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Design teams and AI agents struggle to maintain consistent UI across ASP.NET Razor Pages sites; this skill provides a centralized guide to enforce brand aesthetics, patterns, and responsive layouts.
Core Features & Use Cases
- Establish brand colors, typography, spacing, and component patterns for common UI elements such as buttons, cards, forms, and hero sections.
- Provide reusable patterns, templates, and validation guidance for responsive layouts, gradient overlays, and animations.
- Use Case: When creating new Razor pages or partials, apply the guide to ensure consistent visuals and interactions across the site.
Quick Start
Apply the Project XY Design Guide conventions to new Razor pages, using the primary color, typography, and the mandatory !rounded-button rule on all UI components.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: project-xy-design-guide Download link: https://github.com/svkaenel/dotnet-with-claude-code/archive/main.zip#project-xy-design-guide Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.