skills.rest
ddarkr
ddarkrCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

oma-frontend

Create and validate React/Next.js user interfaces with styling and accessibility checks.

5|3|Updated Mar 11, 2026
Search Tags:#typescript#ui#accessibility#react#components#styling#next.js
One-click install
npx skills add https://github.com/ddarkr/antigravity-token-monitor --skill oma-frontend-ddarkr
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: oma-frontend
Source: https://github.com/ddarkr/antigravity-token-monitor/tree/main/.agents/skills/oma-frontend
Command: npx skills add https://github.com/ddarkr/antigravity-token-monitor --skill oma-frontend-ddarkr

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill enables users to develop, modify, and verify React/Next.js/TypeScript user interfaces that adhere to project architecture, design systems, accessibility, and frontend conventions.

Core Features & Use Cases

  • UI/Component Construction: Build new components, pages, and layouts aligned with project standards.
  • Styling & Responsiveness: Apply TailwindCSS, shadcn/ui, and responsiveness best practices.
  • Integration & Verification: Integrate backend APIs, validate code, run tests, and ensure accessibility compliance for frontend features.
  • Use Case: When adding a new user login page, this Skill can generate the React components, styling, and verification scripts needed for compliance and performance.

Quick Start

Ask the AI to generate a login form component with validation in a Next.js project.

Frequently Asked Questions about oma-frontend

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

FAQPage Schema
How do I build accessible React components for a Next.js project?▼

Building accessible React components involves creating Next.js user interfaces with TypeScript that align with project architecture. This process applies TailwindCSS and shadcn/ui styling while verifying accessibility compliance for frontend features.

Can I use TailwindCSS and shadcn/ui to style responsive Next.js layouts?▼

Yes, you can use TailwindCSS and shadcn/ui to style responsive Next.js layouts. The workflow applies responsiveness best practices to ensure components adapt correctly across different screen sizes and frontend environments.

What is the best way to integrate backend APIs into a TypeScript React frontend?▼

Integrating backend APIs into a TypeScript React frontend requires connecting data endpoints to Next.js components. This workflow validates code changes, runs tests, and ensures frontend features maintain accessibility compliance and performance standards.

Does this approach support adding validation to a new user login form in React?▼

Yes, this approach supports adding validation to a new user login form in React. It generates the necessary React components, applies styling, and creates verification scripts to ensure the frontend feature meets compliance and performance requirements.

How do I verify accessibility compliance and run tests for frontend UI changes?▼

To verify accessibility compliance and run tests for frontend UI changes, use integrated validation scripts within the component workflow. This validates JavaScript/TypeScript code changes and ensures UI features meet project standards and accessibility conventions.

Related Skills

Explore More Software Engineering Skills→
GemachDAOGemachDAO
4

gdex-ui-install-setup

Scaffold a React or Next.js project with a GDEX SDK provider.

Official
Intermediate
FabioFioritaFabioFiorita

react-email

Build HTML email templates with React Email and Tailwind.

Community
Advanced
AratKruglikAratKruglik
9

nextjs-data-fetching

Fetch, cache, and revalidate data for Next.js routes.

Community
Advanced
jamditisjamditis
359

zero-build-frontend

Build frontend interfaces using CDN-loaded libraries and vanilla JavaScript.

Community
Basic