Name: epic-design
Rating: 67.2 (1 reviews)
Author: alirezarezvani

epic-design

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.

Quality

81%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

Securityby

Passed

No findings from the security scan

The canonical home for this skill is epic-design in alirezarezvani/claude-skills

Quality

Content

66%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

The content is well-structured with a clear validated workflow and strong actionability, but it is somewhat padded and critically depends on a bundle (references/scripts/assets) that is entirely missing from the skill directory.

Suggestions

Ship the missing bundle files: create references/asset-pipeline.md, depth-system.md, performance.md, accessibility.md, etc., plus assets/hero-section.* and scripts/validate-layers.js — without them the skill's progressive disclosure and most executable detail are unreachable.

Tighten the body by merging the 'Your Mindset' section and 'Quick Rules' list into the existing Steps 1-5 to remove restated guidance and reduce token cost.

Inline at least one minimal complete code example (depth CSS + a simple scroll animation) directly in SKILL.md so the skill remains actionable even before the reference files are read.

Dimension	Reasoning	Score
Conciseness	Mostly efficient with concrete tables and code, but sections like 'Your Mindset' and the repeated 'Quick Rules' restate guidance already covered in Steps 1-5, adding padding that could be tightened.	3 / 5
Actionability	Provides executable depth-layer tables, full HTML architecture, CSS reduced-motion block, decision tables, and a validation command; minor gaps in that most detailed code lives in referenced files that are not present.	4 / 5
Workflow Clarity	A clear 5-step sequence with explicit checkpoints — asset inspection before coding, 'JUDGE whether the background needs removing', and `node scripts/validate-layers.js` as a post-build validation feedback loop.	5 / 5
Progressive Disclosure	The body signals one-level-deep references to 9 references/, 3 assets/, and 2 scripts/ files, but none of these bundle files exist on disk, so the disclosure structure is broken and cannot be navigated.	2 / 5
	Total	14 / 20 Passed

Description

96%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

The description is excellent: concrete capabilities, rich natural trigger phrases, and explicit what/when guidance. Its only weakness is the over-broad 'ANY web design task' framing that raises conflict risk with adjacent design skills.

Dimension	Reasoning	Score
Specificity	Names many concrete actions — 'scroll storytelling, parallax depth, text animations... clip-path reveals, curtain drops, iris opens, card stacks, bleed typography' — with comprehensive coverage of the 2.5D technique space.	5 / 5
Completeness	Explicitly answers both what ('Build immersive, cinematic 2.5D interactive websites...') and when ('Use this skill for any web design task...', 'Trigger on phrases like...') with concrete trigger phrases.	5 / 5
Trigger Term Quality	Includes natural phrases users would actually say — 'make it feel alive', 'Apple-style animation', 'product rises between sections', 'immersive', 'scrollytelling' — covering synonyms and common variations.	5 / 5
Distinctiveness Conflict Risk	A clear cinematic/2.5D niche with distinct triggers, but 'Use aggressively for ANY web design task' is overly broad and risks overlap with ui-design and landing-page-generator skills.	4 / 5
	Total	19 / 20 Passed

Validation

93%

Warnings & errors only

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 15 / 16 Passed

Validation for skill structure

Criteria	Description	Result
referenced_paths_exist	Referenced path issues: 19 missing	Warning

	Total	15 / 16 Passed

Repository: alirezarezvani/claude-skills
Path: .gemini/skills/epic-design/SKILL.md
Commit: 19392f7

Reviewed: ~6 hours ago

Table of Contents

Discovery Implementation Validation

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.