skills.rest
AbdelkaderCE
AbdelkaderCECOMMUNITY
Explore all skills by this author →
GitHub

university-ui-design

Construct visual and interaction design frameworks for academic web platforms.

1|Updated Apr 19, 2026
Search Tags:#theming#ui#frontend#design system#components#institutional
One-click install
npx skills add https://github.com/AbdelkaderCE/Uni_Pfe --skill university-ui-design-abdelkaderce
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: university-ui-design
Source: https://github.com/AbdelkaderCE/Uni_Pfe/tree/main
Command: npx skills add https://github.com/AbdelkaderCE/Uni_Pfe --skill university-ui-design-abdelkaderce

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides guidelines and components to create user interfaces that embody the institutional, structured, and reliable aesthetic desired by Ibn Khaldoun University.

Core Features & Use Cases

  • UI Consistency: Establishes a comprehensive design system with tokens, colors, typography, and component patterns for uniform look and feel across the platform.
  • Thematic Customization: Supports multi-theme configuration (light/dark, accent colors) for adaptable branding and accessibility.
  • Component Design: Includes reusable primitives like buttons, inputs, cards, navigation elements, ensuring scalable development of university web pages.

Quick Start

Apply the design principles to style your web pages by using the provided tokens and component patterns, ensuring the interface remains aligned with the university’s visual identity.

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 consistent UI for an academic web platform?▼

Design an academic web platform UI by applying a structured design system with tokens, color schemes, typography, and component patterns to ensure consistency and institutional identity. This enforces a minimalist, professional aesthetic suitable for educational institutions.

What is a design system for university websites?▼

A design system for university websites is a framework of tokens, colors, typography, and reusable components that establishes a uniform look and feel across the platform. It ensures interfaces remain aligned with the institution's visual identity.

Can I use multi-theme configuration for accessibility on institutional sites?▼

Multi-theme configuration supports accessibility on institutional sites by enabling light and dark modes alongside adaptable accent colors. This allows for flexible branding while maintaining a reliable, structured aesthetic for academic platforms.

Does this academic design framework include reusable frontend components?▼

This academic design framework includes reusable frontend primitives like buttons, inputs, cards, and navigation elements. These component patterns ensure scalable development of university web pages while adhering to institutional design standards.

What's the best way to maintain institutional identity in frontend development?▼

Maintain institutional identity in frontend development by strictly applying provided design tokens and component patterns to your web pages. This approach enforces the minimalist, professional aesthetic desired by educational institutions.

Related Skills

Explore More Design & Creative Skills→
MuccariniMuccarini

teach-impeccable

Scan project assets and write design context to .impeccable.md.

Community
Advanced
timequitytimequity
6

frontend-design

Design production-grade frontend interfaces with bold aesthetic direction.

Official
Advanced
magic3007magic3007
10

frontend-design

Translate frontend requirements into production-ready UI with code samples.

Community
Advanced
laraxotlaraxot
26

bmad-wds-design-system

Manage and apply design system components and tokens across development workflows.

Official
Advanced