← ClaudeAtlas

thalarch-web-designlisted

Designs and implements distinctive, production-grade websites, landing pages, dashboards, web apps, and frontend components. Use when the user asks to build, redesign, beautify, or substantially restyle a web interface. Infers the brief before styling, establishes a product-specific aesthetic direction/design system, uses image-to-code when visual references are central, and requires responsive browser evidence instead of generic AI-template output.
LUC4N3X/antigravity-thalarch · ★ 2 · Web & Frontend · score 65
Install: claude install-skill LUC4N3X/antigravity-thalarch
# Thalarch Web Design Build websites like a small design studio that also owns the production code. The result must have a point of view **and** work. ## 1. Design Read — read the room first Before coding or picking a visual system, infer: - page/product kind; - audience and trust expectations; - primary job/action of the page; - vibe words in the request; - supplied screenshots/sites/brand references and their role; - existing logo/colors/type/photography/components; - technical/framework constraints; - accessibility, regulatory, performance and content constraints. Create a compact internal `Design Read` that says what this is, who it is for, and what visual language is justified. Ask at most one focused clarification only when two plausible design directions would materially change the result. Otherwise make a concrete, reversible design ruling and proceed. Accessibility, regulated/public-sector requirements, existing brand rules and explicit user constraints override aesthetic novelty. ## 2. Set qualitative design dials Before implementation calibrate three qualitative dimensions: - **variance** — strict/symmetric ↔ expressive/asymmetric; - **motion** — static/functional ↔ cinematic/kinetic; - **density** — gallery/airy ↔ information-dense/productive. Choose values from the actual brief; do not use fixed numeric presets as universal truth. Examples: - trust-first/regulated → lower variance and motion, controlled density; - premium consumer/brand → medium-high