ICFES Trainer - Plan de Mejoras UI/UX

Community

Upgrade UI/UX for immersive ICFES training.

Authornestorfernando3
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Identifies usability and accessibility gaps in the ICFES Trainer beta and provides a structured plan to deliver a more immersive, accessible, and student-centered learning experience.

Core Features & Use Cases

  • Guided study modes: Introduce multiple study experiences (Simulacro, Aprendizaje, RĂ¡pido) with clear navigation and progress tracking.
  • Visual & interaction enhancements: Propose a redesigned configuration screen, theme toggle (Dark/Light), responsive layout, and premium visual elements to improve engagement.
  • Implementation guidance: Outline concrete file changes (UX components, CSS tokens, and design system updates) and verification steps to ensure quality and accessibility.

Quick Start

Implement the plan by enabling study modes, navigation back, theme toggle, and responsive adjustments across the codebase, starting with the configuration UI and mode wiring.

Dependency Matrix

Required Modules

None required

Components

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: ICFES Trainer - Plan de Mejoras UI/UX
Download link: https://github.com/nestorfernando3/icfes-trainer-beta/archive/main.zip#icfes-trainer-plan-de-mejoras-ui-ux

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.