skills.rest
olehsvyrydov
olehsvyrydovCOMMUNITY
Explore all skills by this author →
GitHub

frontend-developer

Implement scalable React, Next.js, and React Native frontends with TypeScript and TailwindCSS.

13|6|Updated Dec 23, 2025
Search Tags:#typescript#frontend#react#next.js#react-native#tailwindcss#ui-components
One-click install
npx skills add https://github.com/olehsvyrydov/AI-development-team --skill frontend-developer-olehsvyrydov
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-developer
Source: https://github.com/olehsvyrydov/AI-development-team/tree/main/claude/skills/development/frontend/react/frontend-developer
Command: npx skills add https://github.com/olehsvyrydov/AI-development-team --skill frontend-developer-olehsvyrydov

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill streamlines frontend development by providing expert guidance, templates, and patterns for building scalable React, Next.js, and React Native applications with TypeScript.

Core Features & Use Cases

  • Component scaffolding and UI patterns for React and React Native.
  • Next.js routing, data fetching, and Server/Client component templates.
  • TypeScript typing, strict mode conventions, and accessible, responsive UI with TailwindCSS/NativeWind.
  • Testing guidance (unit/integration), performance best practices, and maintainable design patterns.

Quick Start

Use this skill to scaffold a reusable React component and integrate it into a Next.js route or a React Native module.

Frequently Asked Questions about frontend-developer

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

FAQPage Schema
How do I scaffold a reusable React component with TypeScript and TailwindCSS?▼

Scaffold reusable React components by applying TypeScript strict mode typing and TailwindCSS styling patterns. This approach enforces accessible, responsive UI structures and maintainable design templates for scalable web applications.

What's the best way to structure Next.js routing and data fetching with Server and Client components?▼

Structure Next.js routing by utilizing provided Server and Client component templates for data fetching. This method ensures scalable implementations by separating server-side fetching logic from client-side interactivity effectively.

Can I use this approach to build React Native modules with NativeWind?▼

Yes, the approach supports React Native modules by providing UI patterns and NativeWind styling. It covers mobile use cases, component scaffolding, and TypeScript typing to ensure maintainable cross-platform application development.

How does this method handle frontend testing and performance budgets?▼

Frontend testing is handled through guided unit and integration testing practices alongside enforced performance budgets. This ensures scalable React and Next.js applications maintain high accessibility and optimal rendering speeds.

Do I need to follow TDD best practices for React and Next.js development?▼

TDD best practices are enforced to guarantee maintainable UI patterns in React and Next.js development. Integrating testing guidance with component scaffolding ensures scalable, accessible, and high-performance frontend implementations.

Related Skills

Explore More Software Engineering Skills→
partme-aipartme-ai
610

react-native-project-creater

Initialize and configure new React Native projects with a single command.

Official
Basic
MolcajeteAIMolcajeteAI
2

maestro-testing

Create and run end-to-end tests for React Native apps with YAML.

Official
Intermediate
hainamchunghainamchung
54

python-pro

Automates modern Python 3.12+ development with FastAPI, SQLAlchemy, and testing tools.

Community
Advanced
ylxaiylxai
2

tailwind-css-patterns

Generate Tailwind CSS utility patterns for responsive React, Vue, or Svelte components.

Community
Intermediate