Frontend Implementation Plan

概要

Generates detailed, framework-agnostic technical specifications for building frontend user interfaces. This skill provides a structured approach to documenting UI architecture, component design, data flow, and user interactions. It is ideal for creating handoff documents between design and development, establishing design system guidelines, or planning the implementation of new features, ensuring clarity, reusability, and maintainability across any frontend framework.

主な機能

• Generates detailed quality assurance checklists for testing, performance, and accessibility.
• Provides a structured, hierarchical plan covering architecture, design, components, and data flow.
• Employs a framework-agnostic approach, focusing on behavior and structure over specific code.
• Includes comprehensive documentation patterns for components, covering props, states, and accessibility.
• Promotes a 'Design System First' methodology for defining visual standards.
• 0 GitHub stars

ユースケース

• Creating technical specifications for a new UI screen or feature.
• Documenting component architecture and design system standards.
• Planning the development and integration of complex UI components.