skills.rest
williamzujkowski
williamzujkowskiCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

Frontend Framework Advisor

Designs frontend architecture plans covering state management, performance patterns, and testing strategy for React, Vue, iOS, Android, and React Native projects.

6|Updated Oct 25, 2025
Search Tags:#architecture#performance#frontend#react#vue#jetpack-compose#swiftui
One-click install
npx skills add https://github.com/williamzujkowski/cognitive-toolworks --skill frontend-framework-advisor
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Frontend Framework Advisor
Source: https://github.com/williamzujkowski/cognitive-toolworks/tree/main/skills/frontend-framework-advisor
Command: npx skills add https://github.com/williamzujkowski/cognitive-toolworks --skill frontend-framework-advisor

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Quickly establishing a scalable frontend framework strategy across React, Vue, and mobile platforms by providing architecture guidance, state management guidance, and performance best practices.

Core Features & Use Cases

  • Platform-agnostic architecture guidance for frontend projects (React, Vue) and mobile (iOS, Android, React Native)
  • State management recommendations tailored to project size and complexity
  • Performance optimization patterns and platform-specific best practices
  • Testing strategy alignment and starter templates for rapid iteration
  • Migration planning support for refactors or platform changes

Quick Start

Select your platform and project type, then request a complete architecture plan for your setup.

Frequently Asked Questions about Frontend Framework Advisor

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

FAQPage Schema
How do I design a scalable React frontend architecture for a new project?▼

To design a scalable React frontend architecture, you need a structured blueprint covering component hierarchy, state management, and performance patterns. This Skill generates a tailored plan including platform scaffolding and testing strategy for new or refactored React projects.

What is the best way to manage state in a complex Vue application?▼

State management in a complex Vue application depends on project size and complexity. This Skill provides tailored state management recommendations and performance optimization patterns to align your Vue architecture with best-practice documentation.

Can I get frontend architecture guidance for both iOS and Android mobile platforms?▼

Yes, you can get frontend architecture guidance for iOS and Android. This Skill supports platform-agnostic architecture plans for SwiftUI and Jetpack Compose, including state management and testing strategies for mobile projects.

How do I plan a frontend migration to React Native without losing performance?▼

Planning a frontend migration to React Native requires a structured blueprint for component hierarchy and performance patterns. This Skill delivers migration planning support with platform-specific best practices to optimize performance during the React Native transition.

Does this frontend architecture advisor work for refactoring existing applications?▼

Yes, this frontend architecture advisor works for refactoring existing applications. It applies to new, refactor, or migration scenarios, delivering architecture plans, state management approaches, and testing strategies aligned with your current platform.

Related Skills

Explore More Software Engineering Skills→
Yemomo511Yemomo511
2

arch-context-collect

Save pre-setup answers to a standardized .hyar/ARCH_CONTEXT.md file.

Community
Intermediate
kangmominkangmomin
1

component-hd

Generate React component boilerplates from .hyeondong-config.json with tests and Storybook.

Community
Intermediate
benaorbenaor

react-performance

Profile React Native apps to identify and optimize rendering, startup, and memory bottlenecks.

Community
Advanced
druejaramillodruejaramillo

htmx

Build hypermedia-driven web applications using htmx attributes for AJAX and server-sent events.

Community
Intermediate