Epic Design
alirezarezvani/claude-skills/engineering-team/skills/epic-design作者 alirezarezvani19392f7a0826MIT27K 個星標收錄於 2026年10月8日更新於 2026年10月8日儲存庫5 週前更新
Build immersive, cinematic 2.5D interactive websites using scroll storytelling, parallax depth, text animations, and premium scroll effects — no WebGL required. Use this skill for any web design task: landing pages, product sites, hero sections, scroll animations, parallax, sticky sections, section overlaps, floating products between sections, clip-path reveals, text that flies in from sides, words that light up on scroll, curtain drops, iris opens, card stacks, bleed typography, and any site that should feel cinematic or premium. Trigger on phrases like "make it feel alive", "Apple-style animation", "sections that overlap", "product rises between sections", "immersive", "scrollytelling", or any scroll-driven visual effect. Covers 45+ techniques across 8 categories. Always inspects, judges, and plans assets before coding. Use aggressively for ANY web design task.
僅公開檔案列表。將技能安裝到工作區後即可檢視檔案內容。
| 路徑 | 大小 | 類型 |
|---|---|---|
| references/accessibility.md | 11 KB | text/markdown |
| references/asset-pipeline.md | 4.5 KB | text/markdown |
| references/depth-system.md | 11.2 KB | text/markdown |
| references/directional-reveals.md | 12.5 KB | text/markdown |
| references/examples.md | 11.6 KB | text/markdown |
| references/inter-section-effects.md | 13.5 KB | text/markdown |
| references/motion-system.md | 13.9 KB | text/markdown |
| references/performance.md | 7.2 KB | text/markdown |
| references/text-animations.md | 17.4 KB | text/markdown |
| scripts/inspect-assets.py | 9.1 KB | text/plain |
| scripts/validate-layers.js | 5.2 KB | text/plain |
| SKILL.md | 16 KB | text/markdown |
來源與署名
來源：alirezarezvani/claude-skills位於engineering-team/skills/epic-design提交19392f7
授權條款： MIT
內容歸原作者所有。SourceWeft 從公開儲存庫中收錄這些內容。
更多來自 alirezarezvani/claude-skills 的技能
Chaos Engineering
alirezarezvani
設計安全的混沌工程實驗，涵蓋假設、爆炸半徑估算、中止條件與事後檢討。
Feature Flags Architect
alirezarezvani
指導功能旗標全生命週期：分類旗標、規劃發布、稽核終止開關並掃描旗標債務。
Slo Architect
alirezarezvani
定義、審查與營運 SLO、SLI 及錯誤預算，內含三個只用標準函式庫的 Python 工具與參考指南。
General Counsel Advisor
alirezarezvani
面向新創公司的總法律顧問輔助：合約風險審查、智慧財產策略、條款清單解讀與法規風險盤點。
Run
alirezarezvani
執行一次手動自動研究實驗迭代：檢視歷史、做一處修改、提交、評估，並保留或丟棄結果。
Ux Researcher Designer
alirezarezvani
UX 研究工具組，用於產生資料驅動的人物誌、旅程地圖、可用性測試計畫與研究綜整。
更多Design & Creative技能
Theme Factory
anthropics
提供 10 套預設配色與字型主題，並可即時產生新主題，為簡報、文件、報告與 HTML 頁面統一風格。
Slack Gif Creator
anthropics
為 Slack 製作尺寸與檔案大小經過最佳化的動畫 GIF，並提供 PIL 繪圖輔助、緩動函式與驗證工具。
Frontend Design
anthropics
在建立或改造使用者介面時，提供打造獨特、有意識視覺設計的指引。
Canvas Design
anthropics
依照寫好的設計理念創作原創視覺藝術，輸出 PNG 或 PDF，適合海報、藝術作品等靜態成品。
Brand Guidelines
anthropics
將 Anthropic 官方品牌配色與字體套用到需要呈現 Anthropic 外觀風格的各類成品上。
Frontend Design
anthropics
指導代理為新介面或改版介面進行獨特、有意的視覺設計。