skills.rest
citywalki
citywalkiCOMMUNITY
Explore all skills by this author →
GitHub

frontend-development

Enforce frontend conventions for AMS-AI React pages with i18n and API integration.

Updated Feb 26, 2026
Search Tags:#frontend#react#graphql#i18n#api-integration#ams-ai
One-click install
npx skills add https://github.com/citywalki/ams-ai --skill frontend-development-citywalki
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-development
Source: https://github.com/citywalki/ams-ai/tree/main/.agents/skills/frontend-development
Command: npx skills add https://github.com/citywalki/ams-ai --skill frontend-development-citywalki

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill standardizes frontend development practices for AMS-AI React pages, ensuring consistent UI patterns, internationalization, and API integration across the project.

Core Features & Use Cases

  • Standard CRUD page patterns: Define consistent list, search, pagination, and modal-based create/edit workflows for AMS-AI admin UI.
  • Internationalization discipline: All user-facing text is sourced from i18n keys with zh-CN/en-US files to support multilingual UI.
  • API integration guidance: Provides GraphQL and REST integration conventions and references to the admin page implementation.

Quick Start

Follow these conventions to scaffold a new AMS-AI React page with i18n and API integration.

Frequently Asked Questions about frontend-development

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

FAQPage Schema
How do I structure a standard CRUD page in a React admin UI?▼

Standard React CRUD pages should use horizontal Ant Design form layouts for modals, combined with consistent list, search, and pagination patterns to ensure UI consistency across the admin application.

What is the best way to handle internationalization in a React web app?▼

Internationalization in a React web app requires sourcing all user-facing text from i18n keys, maintaining dedicated zh-CN and en-US translation files to support a multilingual UI.

How do I configure GraphQL and REST API integration for React pages?▼

API integration for React pages follows specific GraphQL and REST wiring conventions, connecting frontend components to backend services using standardized reference implementations.

Does Ant Design work with horizontal form layouts for React admin pages?▼

Yes, Ant Design supports horizontal form layouts and is the required standard for React admin pages, ensuring consistent form creation and editing workflows across the application.

How do I set up routing configuration for a new React page?▼

Routing configuration for a new React page involves applying standardized route setup conventions within the web app, ensuring the new page is properly registered and accessible.

Related Skills

Explore More Software Engineering Skills→
alissimorealissimore

ui-styling

Apply Nexus design system and Tailwind CSS tokens to UI components.

Community
Basic
PrasadTelasulaPrasadTelasula

component-testing

Test React components with React Testing Library and Playwright for frontend correctness.

Community
Intermediate
kibertoadkibertoad
1

add-api-query

Automate data fetching and mutation with API contracts, typed HTTP client, and React Query.

Community
Intermediate
pohlai88pohlai88

Frontend Builder

Architect React and Next.js frontend architectures with component organization and state management.

Community
Advanced