frontend-feature-develop

Automate the four-step frontend feature workflow from spec to UI implementation.

Updated Apr 7, 2026
One-click install
npx skills add https://github.com/rachel353/fullty-plan --skill frontend-feature-develop
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-feature-develop
Source: https://github.com/rachel353/fullty-plan/tree/main/.claude/skills/frontend-feature-develop
Command: npx skills add https://github.com/rachel353/fullty-plan --skill frontend-feature-develop

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Developers and PMs benefit from a standardized, repeatable workflow to transform a UI task into concrete artifacts, reducing drift and miscommunication.

Core Features & Use Cases

  • A four-step pipeline (Spec → UI/UX plan → Schema/Mock → Implementation) that guides frontend feature work end-to-end.
  • Auto-generates documentation in docs/features and scaffolds for UI components and routes.
  • Use Case: when a new frontend screen or component is needed, the workflow is triggered to produce a spec, UI plan, mock data types, and a UI implementation skeleton.

Quick Start

Identify or create a UI task and invoke the workflow to start the four-step process.

Frequently Asked Questions about frontend-feature-develop

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I streamline frontend feature development from specification to UI implementation?

Frontend feature development is streamlined by automating an end-to-end four-step pipeline: Spec, UI/UX plan, Schema/Mock, and Implementation. This enforces a standardized process that outputs documentation and code scaffolding for UI components and routes.

What is the standard workflow for turning a UI task specification into a component implementation?

The standard workflow for a UI task specification is a four-step pipeline: Spec, UI/UX plan, Schema/Mock, and Implementation. It auto-generates feature documentation and scaffolds the UI implementation skeleton to reduce drift and miscommunication.

How do I generate UI component scaffolding and mock data from a feature spec?

To generate UI component scaffolding and mock data from a feature spec, invoke the automated four-step workflow. It processes the specification into a UI/UX plan and Schema/Mock types, then outputs code scaffolding for the required frontend components and routes.

When do I need an automated pipeline for frontend page creation and screen design?

You need an automated pipeline for frontend page creation and screen design when a UI task is detected and you want to reduce miscommunication. It enforces a repeatable Spec to UI workflow, ensuring consistent documentation and scaffolding for new screens.

Does the frontend feature workflow work without external dependencies?

Yes, the frontend feature workflow operates without external dependencies. It relies on its internal four-step process to transform specifications into UI plans, mock schemas, and implementation scaffolding automatically when a UI task is detected.

What is the best way to manage UI/UX planning and schema mock generation for new frontend features?

The best way to manage UI/UX planning and schema mock generation is using a standardized four-step pipeline. It sequentially processes the specification into a UI/UX plan and mock data types before scaffolding the final UI implementation.