Leo-Atienza

Active PAGE 1 Web Frontend — Design skill for Claude Code

Design community

Active Skills — Page 1: Web, Frontend & Design.

How to install Active PAGE 1 Web Frontend

Installs to ~/.claude/skills/leo-atienza-atlas-claude-active-page-1-web-frontend/SKILL.md

Terminal

mkdir -p ~/.claude/skills/leo-atienza-atlas-claude-active-page-1-web-frontend && curl -fsSL https://raw.githubusercontent.com/Leo-Atienza/atlas-claude/HEAD/skills/ACTIVE-PAGE-1-web-frontend.md -o ~/.claude/skills/leo-atienza-atlas-claude-active-page-1-web-frontend/SKILL.md

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

What Active PAGE 1 Web Frontend does

Active Skills — Page 1: Web, Frontend & Design

These skills are always available. Load on-demand when a task matches their domain.

**Stack target (verified 2026-05-15):** Next.js 16.2.6 LTS · React 19.2.6 · Tailwind CSS v4.3 · Vercel Pro

Web Frameworks

ID	Name	Path	Description
SK-029	Next.js Best Practices	`skills/next-best-practices/SKILL.md`	RSC patterns, async APIs, App Router conventions, data fetching (targets v16)
SK-030

Alternatives in Design

Frontend Design — Create distinctive, production-grade frontend interfaces with high design quality 94.1k ★
Remix — Restyle a site in another design vocabulary — brutalist, swiss, art-deco, cyberpunk, soft-ui, or editorial 3.6k ★
Maestro Impeccable — Use when designing, auditing, polishing, improving, or codifying frontend UI — websites, dashboards, landing p 530 ★