skills.rest
almazom
almazomCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

frontend-dev

Coordinate design, motion, AI assets, and copywriting to build React/Next.js pages.

Updated Mar 25, 2026
Search Tags:#frontend#react#next.js#tailwind#ui-design#motion#assets-generation
One-click install
npx skills add https://github.com/almazom/agents_slash_skills --skill frontend-dev-almazom
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-dev
Source: https://github.com/almazom/agents_slash_skills/tree/main/frontend-dev
Command: npx skills add https://github.com/almazom/agents_slash_skills --skill frontend-dev-almazom

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

The Frontend Dev Skill unit coordinates design engineering, motion systems, AI-generated media assets, persuasive copywriting, and generative art to deliver production-ready frontend pages.

Core Features & Use Cases

  • Orchestrates five capabilities (design engineering, motion, AI assets, copywriting, generative art) to create landing pages, dashboards, marketing sites, and product pages.
  • Manages local assets via the included scripts/ references/ assets directories, ensuring assets are generated and stored locally before integration.
  • Supports React/Next.js server components, Tailwind CSS styling, and motion systems with isolated client components per framework guidelines.

Quick Start

Run /frontend-dev <request> to generate a production-ready frontend page from your natural language specification.

Frequently Asked Questions about frontend-dev

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

FAQPage Schema
How do I generate production-ready React and Next.js frontend pages from a natural language prompt?▼

You can generate production-ready frontend pages by running a natural language request through the frontend-dev coordinator. It orchestrates design engineering, motion systems, and AI-generated assets to assemble complete React and Next.js components styled with Tailwind CSS, delivering ready-to-deploy pages from your specification.

Does this frontend development approach integrate with Tailwind CSS and Next.js server components?▼

Yes, the approach fully supports React and Next.js server components alongside Tailwind CSS styling. It also integrates motion systems using isolated client components per framework guidelines, ensuring your generated frontend pages adhere to modern architectural standards.

How are AI-generated media assets and generative art managed locally during frontend page assembly?▼

AI-generated media assets and generative art are managed locally through included scripts, references, and assets directories. This ensures all media is generated and stored locally on your machine before integration into the final frontend page assembly.

Can I use this to build complete marketing campaigns and dashboards, or is it just for landing pages?▼

You can build complete marketing campaigns, dashboards, product pages, and landing pages. The system coordinates persuasive copywriting, motion systems, and generative art to deliver diverse, production-ready frontend layouts suitable for various marketing and product applications.

What dependencies do I need to set up before generating frontend pages with this tool?▼

You need the Python requests library installed, along with local directories for scripts, references, and assets. These components manage local asset generation and storage before integrating the media into your React and Next.js frontend architecture.

Related Skills

Explore More Software Engineering Skills→
vasilyu1983vasilyu1983
73

router-engineering

Route technical problems through 30+ engineering skills.

Community
Advanced
HellKaiser45HellKaiser45

frontend-dev

Automates end-to-end frontend page assembly for Next.js/React server components projects.

Community
Advanced
tachfineamnaytachfineamnay

Design System & UI

Implements Tailwind-based design system with GlassCard, Button, and LevelBadge components for React.

Community
Intermediate
lostsock1lostsock1
1

frontend-dev

Orchestrate full-stack frontend development with UI design, motion, and AI-generated assets.

Community
Advanced