require-frontend-spec

Community

Ensure frontend specs are ready before development begins.

Authorpelchers
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill prevents frontend development from proceeding without a proper frontend specification document, reducing errors and miscommunication.

Core Features & Use Cases

  • Automated Spec Creation: Checks for the existence of frontend_spec.md and creates it if missing, based on project design system and related files.
  • Hook Integration: Fires automatically before frontend code writes to ensure specifications are in place.
  • Manual Invocation: Allows manual triggering to generate or update specifications with design references or style instructions.
  • Context Awareness: Detects project files like CLAUDE.md, PRD, ADRs, and design tokens to populate project context into specifications.

Quick Start

Invoke the skill manually when starting a new frontend feature to generate or update the frontend_spec.md with current project insights.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: require-frontend-spec
Download link: https://github.com/pelchers/IDEAS_MANAGEMENT/archive/main.zip#require-frontend-spec

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.