frontend-workflow

Installation
SKILL.md
Contains Hooks

This skill uses Claude hooks which can execute code automatically in response to events. Review carefully before installing.

Frontend Workflow-Driven Development Skill

CRITICAL PRINCIPLE

DOCS FIRST, CODE SECOND

You MUST NEVER generate Vite/TypeScript/Tailwind/Alpine code without first fetching relevant documentation via MCP tools.

This is NON-NEGOTIABLE for all frontend development tasks.

When to Use This Skill

Use this skill for ALL modern frontend development with:

  • Vite build tool
  • TypeScript configuration
  • Tailwind CSS styling
  • Alpine.js interactivity
  • E-commerce UI components (product grids, cart, checkout)
Installs
3
GitHub Stars
1
First Seen
Mar 11, 2026