How does it handle task dependencies?

It explicitly identifies and notes dependencies between tasks to ensure developers implement core structures before building edge cases or interactions.

Where does the skill store the generated task lists?

The skill consistently saves output to the 'docs/reference/frontend/tasks/' directory using the story name as the filename.

What documentation is needed for the skill to function?

It primarily reads stories from 'docs/reference/pm/stories/' and can optionally incorporate design details from 'docs/reference/frontend/designs/'.

Does it support languages other than English?

Yes, it checks the 'aico.json' file in your project root for a 'language' field to determine the output language.

What is the specific order of the generated tasks?

Tasks are strictly ordered by UI development layers: Setup, followed by Static UI, Dynamic Logic, Interactions, and finally Testing.

Frontend Task Architect

Name: Frontend Task Architect
Author: yellinzero

byyellinzero

生産性とワークフロー

Breaks down product stories into structured, dependency-ordered frontend development tasks for efficient implementation.

概要

This skill automates the transition from product requirements to actionable frontend code by generating a detailed task list organized by logical UI development layers. By following a strict sequence—Setup, Static UI, Dynamic Logic, Interactions, and Testing—it ensures that developers work in the correct dependency order, reducing technical debt and avoiding development bottlenecks. It integrates directly with your project structure, reading from PM stories and design files to produce standardized Markdown task lists that serve as a source of truth for your development workflow.

主な機能

Dependency-aware task ordering from Setup to Testing
Multi-language support based on project configuration
Context-aware reading of PM stories and design documentation
0 GitHub stars
Automatic Markdown task list generation with acceptance criteria
Granularity rules to ensure tasks are independently testable

ユースケース

Standardizing task granularity and progress tracking across a frontend team
Converting a new feature story from a PM into a technical frontend roadmap
Generating clear implementation steps with explicit dependencies for complex UI components

概要

主な機能

Dependency-aware task ordering from Setup to Testing
Multi-language support based on project configuration
Context-aware reading of PM stories and design documentation
0 GitHub stars
Automatic Markdown task list generation with acceptance criteria
Granularity rules to ensure tasks are independently testable

ユースケース

Standardizing task granularity and progress tracking across a frontend team
Converting a new feature story from a PM into a technical frontend roadmap
Generating clear implementation steps with explicit dependencies for complex UI components