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

0•

Productivity & Workflow

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.

Key Features

01Dependency-aware task ordering from Setup to Testing

02Multi-language support based on project configuration

03Context-aware reading of PM stories and design documentation

040 GitHub stars

05Automatic Markdown task list generation with acceptance criteria

06Granularity rules to ensure tasks are independently testable

Use Cases

01Standardizing task granularity and progress tracking across a frontend team

02Converting a new feature story from a PM into a technical frontend roadmap

03Generating clear implementation steps with explicit dependencies for complex UI components

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add yellinzero/aico aico-frontend-task-breakdown

For use in Claude.ai and ChatGPT

Key Features

01Dependency-aware task ordering from Setup to Testing

02Multi-language support based on project configuration

03Context-aware reading of PM stories and design documentation

040 GitHub stars

05Automatic Markdown task list generation with acceptance criteria

06Granularity rules to ensure tasks are independently testable

Use Cases

01Standardizing task granularity and progress tracking across a frontend team

02Converting a new feature story from a PM into a technical frontend roadmap

03Generating clear implementation steps with explicit dependencies for complex UI components

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add yellinzero/aico aico-frontend-task-breakdown

For use in Claude.ai and ChatGPT