directional-reveals
Elements and sections don't always enter from the bottom. Premium sites use **directional births** — sections that drop from the top, iris open from center, peel away like wallpaper, or unfold diagonally. This file covers all 8 directional reveal patterns.
Content Preview
# Directional Reveals Reference Elements and sections don't always enter from the bottom. Premium sites use **directional births** — sections that drop from the top, iris open from center, peel away like wallpaper, or unfold diagonally. This file covers all 8 directional reveal patterns. ## Table of Contents 1. [Top-Down Clip Birth](#top-down) 2. [Window Pane Iris Open](#iris-open) 3. [Curtain Panel Roll-Up](#curtain-rollup) 4. [SVG Morph Border](#svg-morph) 5. [Diagonal Wipe Birth](#diagonal-
How to Use
Recommended: Install to project (local)
mkdir -p .claude/skills
curl -o .claude/skills/directional-reveals.md \
https://raw.githubusercontent.com/alirezarezvani/claude-skills/main/engineering-team/epic-design/references/directional-reveals.mdSkill is scoped to this project only. Add .claude/skills/ to your .gitignoreif you don't want to commit it.
Alternative: Clone full repo
git clone https://github.com/alirezarezvani/claude-skillsThen reference at engineering-team/epic-design/references/directional-reveals.md
Related Skills
cs-senior-engineer
Senior Engineer agent for architecture decisions, code review, DevOps, and API design. Orchestrates engineering and engineering-team skills for technical implementation work. Spawn when users need system design, code quality review, CI/CD pipeline setup, or infrastructure decisions.
agentsseniorengineeragent
by alirezarezvani · alirezarezvani-claude-skills
cs-engineering-lead
Engineering Team Lead agent for coordinating QA, security, data engineering, ML, and frontend/backend teams. Orchestrates engineering-team skills for team-level technical decisions. Spawn when users need team coordination, tech stack evaluation, incident response, or cross-functional engineering work.
agentsengineeringleadagent
by alirezarezvani · alirezarezvani-claude-skills
feature_engineering_patterns
World-class feature engineering patterns for senior data scientist.
engineering-teamfeatureengineeringpatterns
by alirezarezvani · alirezarezvani-claude-skills
Conducting Chaos Engineering
This skill enables Claude to design and execute chaos engineering experiments to test system resilience. It is used when the user requests help with failure injection, latency simulation, resource exhaustion testing, or resilience validation. The skill is triggered by discussions of chaos experiment
skill-adapterconducting chaos engineering
by jeremylongshore · plugins-plus-skills