skills.rest
MohamedSaid16
MohamedSaid16COMMUNITY
Explore all skills by this author →
GitHub

university-ui-design

Construct university platform interfaces with consistent styling tokens and component standards.

2|Updated Apr 6, 2026
Search Tags:#design#security#components#UI#brand consistency#institution
One-click install
npx skills add https://github.com/MohamedSaid16/p_F_EF-univ --skill university-ui-design
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: university-ui-design
Source: https://github.com/MohamedSaid16/p_F_EF-univ/tree/main
Command: npx skills add https://github.com/MohamedSaid16/p_F_EF-univ --skill university-ui-design

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) and references (resource) and scripts (resource) components.

What problem does it solve?

This Skill provides guidelines and design principles for creating consistent, secure, and professional UI components tailored to an institutional university platform.

Core Features & Use Cases

  • Design Consistency: Establishes a coherent visual identity across all interfaces aligned with university branding.
  • Component Standards: Defines styling, behaviors, and safety checks for reusable UI elements such as buttons, inputs, and navigation.
  • Use Case: A developer is tasked with building a new faculty portal. Using this Skill, they implement buttons, forms, and layout shells that match the university's visual language and safety standards.

Quick Start

Use the design system to craft a login form with styled inputs and a 'Sign In' button following institutional branding guidance.

Frequently Asked Questions about university-ui-design

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

FAQPage Schema
How do I design a university portal frontend with consistent branding and security?▼

To build a faculty portal interface, apply strict styling tokens and component standards for reusable elements like buttons and inputs. This Skill helps implement layout shells that match university visual language and safety protocols.

What is the best way to ensure brand consistency across educational platform interfaces?▼

Ensuring brand consistency across educational interfaces involves establishing a coherent visual identity using strict styling tokens. This Skill defines styling and behaviors for reusable UI elements to maintain aesthetic fidelity across all university platform dashboards.

Can I use predefined UI components for university registration forms and informational pages?▼

Yes, you can use predefined UI components for university registration forms and informational pages. This Skill defines styling, behaviors, and safety checks for reusable elements like inputs and buttons to construct consistent, trustworthy educational interfaces.

Do I need specific styling tokens to build secure academic dashboards?▼

Yes, building secure academic dashboards requires strict adherence to styling tokens and safety protocols. This Skill enforces component standards that ensure your dashboards maintain institutional security and aesthetic fidelity without compromising visual identity.

Related Skills

Explore More Education & Research Skills→
dmedina-devdmedina-dev
1

ckm:brand

Synchronize brand guidelines, design tokens, and marketing assets across projects.

Community
Advanced
Tahasaif3Tahasaif3

shadcn

Provide Radix UI-based components styled with Tailwind CSS for React interfaces.

Community
Intermediate
aaronbassettaaronbassett

security-core

Implement and audit application security across TypeScript, Python, and Rust.

Community
Advanced
EzioPeterEzioPeter
1

frontend-design

Generate React, Vue, or HTML components with responsive styling from design briefs.

Community
Advanced