Expert frontend development guidance covering React, Vue, Angular, TypeScript, state management, component architecture, performance optimization, accessibility, testing, and modern web APIs. Produces production-ready, maintainable, and performant frontend code with best practices.
Install
npx skills add DauQuangThanh/hanoi-rainbow --skill frontend-codingnpx skills add DauQuangThanh/hanoi-rainbow --skill frontend-coding -a claude-code -gnpx skills add DauQuangThanh/hanoi-rainbow --skill frontend-coding -a codex -ggemini skills install https://github.com/DauQuangThanh/hanoi-rainbow.git --path skills/frontend-codinggh skill install DauQuangThanh/hanoi-rainbow frontend-codinggit clone --depth 1 https://github.com/DauQuangThanh/hanoi-rainbow /tmp/DauQuangThanh__hanoi-rainbow
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/DauQuangThanh__hanoi-rainbow/skills/frontend-coding ~/.claude/skills/frontend-coding # Claude Code
cp -R /tmp/DauQuangThanh__hanoi-rainbow/skills/frontend-coding ~/.agents/skills/frontend-coding # Codex, Cursor, Gemini CLI, Copilot, OpenCode