Smart Lyceum Skills Design

Central design skills repository for the Smart Lyceum platform. Contains AI-ready skill packages that encode the approved visual language, component patterns, and CSS/JS assets for building UI across Telegram WebApp, MAX Mini App, and public web pages.

Style Direction

The approved direction is calm product UI: light background, soft white surfaces, minimal glass effects, colored icon chips for service recognition, clean forms, and restrained buttons. No Dribbble-style gradients, no hero overload, no glass-morphism excess.

Available Skills

smart-lyceum-home-settings-ui

Core skill for the main menu and settings/authorization screens. Covers:

• Service menu cards with colored icon chips
• Settings forms with custom selects, toggles, and action buttons
• Page shell layout (mobile-first + responsive side-by-side)
• Promo blocks for Telegram/MAX

Assets:

Adding a New Skill

1. Create a directory with the skill name.
2. Add
   SKILL.md
   with frontmatter (
   name
   ,
   description
   ) and usage instructions.
3. Add
   references/
   for design rules and component patterns.
4. Add
   assets/
   for CSS, JS, and image resources.
5. Generate the
   .skill
   package (tar the skill directory).
6. Commit and push.

Conventions

• CSS classes use the
  ly-
  prefix.
• Design tokens live in
  :root
  CSS custom properties.
• JS uses
  data-ly-*
  attributes for initialization.
• All text is in Russian for the product, English for skill documentation.