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.