UI Developer Skill
This skill focuses on the visual and interactive aspects of the terminal portfolio.
instructions
1. Terminal Aesthetics
- Use CSS-in-JS (styled-components) as defined in
src/styles/themes.js.
- Maintain the scanline effect and blinking cursor animations.
- Use ASCII art for section headers where appropriate.
2. Keyboard Navigation
- Ensure
react-hotkeys-hook is used for global shortcuts.
- Maintain the command history and tab auto-completion logic.
- Verify that focus states are visible and follow the terminal theme.
3. Theme Consistency & Accessibility
- All components must support both Light and Dark themes.
- Use
ThemeContext to access theme variables.