skills.rest
Shresth-sh
Shresth-shCOMMUNITY
Explore all skills by this author →
GitHub

frontend-dev

Design Next.js pages and React components with Swiss International Style constraints.

Updated Feb 24, 2026
Search Tags:#frontend#react#nextjs#tailwind#style-guide#ui-components
One-click install
npx skills add https://github.com/Shresth-sh/resume-matcher-ai-project --skill frontend-dev-shresth-sh
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-dev
Source: https://github.com/Shresth-sh/resume-matcher-ai-project/tree/main/.github/skills/frontend-dev
Command: npx skills add https://github.com/Shresth-sh/resume-matcher-ai-project --skill frontend-dev-shresth-sh

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend development for Resume Matcher requires consistent architecture, style and accessibility across Next.js apps. This skill provides standardized frontend implementations and governance to speed delivery and ensure UI cohesion.

Core Features & Use Cases

  • Next.js Pages: Create and modify pages with consistent structure and routing.
  • React Components: Build reusable UI components with Swiss International Style constraints.
  • Tailwind CSS + Swiss International Style: Enforce styles with no rounded corners and hard shadows.
  • API Integration & i18n: Integrate APIs and internationalization with consistent patterns.
  • Use Case: When updating the landing page, apply the Swiss UI rules and ensure lint/format.

Quick Start

Create a Next.js page and a reusable React component following the Swiss International Style guidelines.

Frequently Asked Questions about frontend-dev

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

FAQPage Schema
How do I standardize React components with Swiss International Style in Next.js?▼

Standardize React components by enforcing Swiss International Style constraints, applying Tailwind CSS with rounded-none borders and hard shadows to ensure strict UI cohesion across Next.js pages.

What's the best way to enforce consistent UI design standards across a Next.js application?▼

Enforce consistent UI design standards by generating Next.js pages and React components that apply strict Tailwind CSS styling rules, including rounded-none borders and hard shadows, before committing code.

Does this frontend standardization approach work with internationalization and API integrations?▼

Yes, this frontend standardization approach works with internationalization and API integrations by applying consistent architectural patterns to ensure cohesive data fetching and multilingual support across Next.js pages.

Can I use Tailwind CSS to apply Swiss International Style rules for frontend development?▼

Yes, you can use Tailwind CSS to apply Swiss International Style rules by configuring utility classes to enforce specific design constraints like rounded-none borders and hard shadows for UI components.

Why do my frontend components need lint and format checks before commits?▼

Frontend components need lint and format checks before commits to maintain code quality, enforce architectural standards, and ensure consistent Swiss International Style UI design across the entire application.

Related Skills

Explore More Software Engineering Skills→
amo-tech-aiamo-tech-ai

React Frontend Development

Develop React frontend components with TypeScript, Tailwind CSS, and shadcn/ui.

Community
Intermediate
cartridge-ggcartridge-gg
80

pre-commit-check

Run Husky pre-commit hooks for format, lint, and test checks.

Official
Intermediate
gaganpasupuletigaganpasupuleti

frontend-dev

Standardizes React and Next.js frontend development with Swiss International Style design principles and optimized dynamic imports for Resume Matcher components.

Community
Intermediate
try-workstry-works
95

swiss-design

Apply Swiss International Style design principles using Tailwind CSS and IBM Plex Sans.

Community
Intermediate