← ClaudeAtlas

frontend-craftlisted

ANF frontend pipeline — high-end site/app build. Triggers: frontend craft, frontend pipeline, ANF, high-end site, web craft, premium frontend, build me a site, build a landing page, add a page, fix the design
SkyWalker2506/claude-config · ★ 3 · AI & Automation · score 77
Install: claude install-skill SkyWalker2506/claude-config
# /frontend-craft — High-End Frontend Pipeline Builds $5-10K quality websites and applications. Works on **new or existing** projects. Handles anything from a single section to a full product site. --- ## Entry Point ``` /frontend-craft → Interview + build (new or existing project) /frontend-craft redesign → Existing project: keep logic, replace all visual layer /frontend-craft polish → Existing project: improve current design (no structure change) /frontend-craft help → Show command reference ``` --- ## redesign **Existing project: keep all logic, data, and routing — replace the entire visual layer.** Use this when the project works but looks bad, outdated, or inconsistent. ### Step 1: Audit the project silently Read the codebase (Glob, Read, Grep): - List all pages/routes - Identify all components/sections - Extract existing CSS — note what's hard-coded (colors, spacing, fonts) - Find any existing design tokens or CSS variables - Note what JS/logic to preserve (forms, API calls, auth, routing) ### Step 2: Interview (4 questions, one by one) Q1: ``` Projeyi inceledim. Şu sayfalar/bileşenler var: [listele] Hepsini mi yeniden tasarlayalım, yoksa belirli sayfalar mı? a) Hepsini b) Sadece şunlar → hangilerini? ``` Q2: ``` Stil yönü? a) Minimal & clean b) Bold & güçlü c) Editorial & magazine d) Kurumsal & güven veren e) Dark mode ağırlıklı f) Oyuncu & enerjik g) Diğer → yaz ``` Q3: ``` Renkler? a) Mevcut renkleri koru b) Mar