Component Generator Skill

Quick Start

When generating a new component:

1. Ask for the component's purpose and location
2. Generate following the patterns below
3. Include accessibility, animation, and responsive design

Component Template

Feature Section Component

"use client";

import { useReducedMotion, m } from "framer-motion";
import Image from "next/image";