AIwithhassan

01 Create Frontend — Development skill for Claude Code

Development community

Build a complete, modern, high-end fashion eCommerce website in the working directory.

How to install 01 Create Frontend

Installs to ~/.claude/skills/aiwithhassan-ecommerce-application-with-ai-01_create_frontend/SKILL.md

Terminal

mkdir -p ~/.claude/skills/aiwithhassan-ecommerce-application-with-ai-01_create_frontend && curl -fsSL https://raw.githubusercontent.com/AIwithhassan/ecommerce-application-with-ai/HEAD/prompts/01_create_frontend.md -o ~/.claude/skills/aiwithhassan-ecommerce-application-with-ai-01_create_frontend/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What 01 Create Frontend does

Build a complete, modern, high-end fashion eCommerce website in the working directory.

STACK: Next.js (latest stable, App Router) + TypeScript + React, scaffolded with `npx create-next-app` (npm). NO Tailwind — implement the design system as a single well-organized global stylesheet (`app/globals.css`) with CSS variables, responsive rules and animations. Split component styles into CSS modules only if clearly cleaner. Server components by default; add "use client" only where interactivity requi

Alternatives in Development

Agent.Extras.Workdir Structure — File structure of working directory {{folder}} 19k ★
Claude Plugins Official — Anthropic-managed directory of high quality Claude Code Plugins 14.9k ★
Axiom — Battle-tested Claude Code skills for modern xOS (iOS, iPadOS, watchOS, tvOS) development with 13 production-re 2.6k ★