Modern frontend architecture patterns for React, Next.js, and TypeScript including component composition, state management, performance optimization, accessibility, and responsive design. Use when building UI components, implementing frontend features, optimizing performance, or working with React/Next.js applications.
Install
npx skills add webdevtodayjason/titanium-plugins --skill frontend-patternsnpx skills add webdevtodayjason/titanium-plugins --skill frontend-patterns -a claude-code -gnpx skills add webdevtodayjason/titanium-plugins --skill frontend-patterns -a codex -ggemini skills install https://github.com/webdevtodayjason/titanium-plugins.git --path plugins/titanium-toolkit/skills/frontend-patternsgh skill install webdevtodayjason/titanium-plugins frontend-patternsgit clone --depth 1 https://github.com/webdevtodayjason/titanium-plugins /tmp/webdevtodayjason__titanium-plugins
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/webdevtodayjason__titanium-plugins/plugins/titanium-toolkit/skills/frontend-patterns ~/.claude/skills/frontend-patterns # Claude Code
cp -R /tmp/webdevtodayjason__titanium-plugins/plugins/titanium-toolkit/skills/frontend-patterns ~/.agents/skills/frontend-patterns # Codex, Cursor, Gemini CLI, Copilot, OpenCode