← ClaudeAtlas

alex-stylelisted

Use when building or styling any web UI — landing pages, hero sections, dashboards, components, marketing sites — or when the user asks for beautiful, animated, or polished design, UI animations, animated backgrounds, gradients, icons, smooth scrolling, or design inspiration. Also use before reaching for the web to find components or animation code.
worldofhacks/alex-style · ★ 2 · Web & Frontend · score 70
Install: claude install-skill worldofhacks/alex-style
# Alex Style A fully local design arsenal aggregated from 19 curated sources. Everything — component source code, animation keyframes, icon SVGs, doc indexes, inspiration metadata, color palettes, font pairings — is vendored under `vendor/` in this skill directory. **Hard rules** 1. **Never fetch from the web what is vendored here.** No WebFetch, no browser tools, no registry CLIs for anything in the table below. The only network use is `scripts/sync.sh` to refresh, installing npm deps into the target project, and per-project font delivery (Fontshare kit downloads / next-font build-time fetches / one-time fontsource CDN file copies — `sources/typography.md`). 2. **Grep, don't read.** The TSV indexes in `vendor/_index/` are designed for `grep`. Files marked *never read fully* below will blow your context — always grep or extract single items. 3. **Read the source card before first use of a source** (`sources/<slug>.md`, 60–120 lines each): license constraints, pitfalls, exact consume commands. 4. **For multi-section or multi-page builds, follow `orchestration.md`** — dispatch parallel section agents only after writing the design brief. **Rule 0 — ambition (outranks every restraint below).** A plain request is a request for the FULL treatment — "simple" means simple to use, never sparse. Fill EVERY expressive role the stack allows, each from its arsenal source, and prefer COMBINATIONS that cohere (that is what `recipes.md` exists for): direction + pal