skills.rest
nestorfernando3
nestorfernando3COMMUNITY
Explore all skills by this author →
GitHub

ICFES Trainer - Plan de Mejoras UI/UX

Outline a UI/UX improvement plan for the ICFES Trainer beta.

Updated Feb 9, 2026
Search Tags:#accessibility#ui-ux#design-system#responsive-design#beta#icfes-trainer
One-click install
npx skills add https://github.com/nestorfernando3/icfes-trainer-beta --skill icfes-trainer-plan-de-mejoras-ui-ux
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ICFES Trainer - Plan de Mejoras UI/UX
Source: https://github.com/nestorfernando3/icfes-trainer-beta/tree/main
Command: npx skills add https://github.com/nestorfernando3/icfes-trainer-beta --skill icfes-trainer-plan-de-mejoras-ui-ux

SYSTEM DOCUMENTATION & REQUIREMENTS

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.

Frequently Asked Questions about ICFES Trainer - Plan de Mejoras UI/UX

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

FAQPage Schema
How do I improve UI/UX accessibility and navigation for an educational beta app?▼

Improving UI/UX accessibility and navigation requires a structured plan to identify usability gaps, apply design-system upgrades, and implement responsive behavior with clear verification checkpoints to ensure a student-centered learning experience.

What's the best way to implement responsive design and theme toggles in a web training platform?▼

Implementing responsive design and theme toggles involves applying CSS token updates and design-system adjustments across the codebase, enabling Dark/Light visual modes and responsive layouts to improve user engagement and accessibility.

How do I structure a UI/UX improvement plan for Mathematics and Critical Reading study modules?▼

Structuring a UI/UX improvement plan for study modules requires outlining concrete file changes, specifying deliverables, defining validation checkpoints, and applying risk mitigation strategies to enhance guided study modes.

Does this UI/UX improvement approach support multiple guided study experiences like Simulacro and Aprendizaje?▼

Yes, the UI/UX improvement approach supports guided study experiences by wiring multiple study modes like Simulacro, Aprendizaje, and Rápido, enabling clear navigation, progress tracking, and a redesigned configuration screen.

What are the limitations of applying a design-system upgrade to an existing beta application?▼

Limitations of applying a design-system upgrade to a beta application include potential compatibility issues with existing UX components, requiring careful risk mitigation strategies and validation checkpoints to ensure quality and accessibility.

Related Skills

Explore More Education & Research Skills→
sakamoto-family-smilesakamoto-family-smile

frontend-design-direction

Guide frontend teams to define design direction for production web interfaces.

Community
Advanced
dz07dz07

3d-web-experience

Create interactive 3D web scenes with Three.js and React Three Fiber.

Community
Advanced
asalhamedasalhamed

ui-designer

Translate UX research into UI specifications with design tokens and accessibility guidance.

Community
Advanced
JordiNodeJSJordiNodeJS

component-development

Create accessible React 19 UI components with Shadcn UI and Tailwind CSS 4.

Community
Intermediate