skills.rest
dev-goraebap
dev-goraebapCOMMUNITY
Explore all skills by this author →
GitHub

structure-planner

Interview users to classify layout zones and design authentication for the FSD pipeline.

1|Updated Feb 12, 2026
Search Tags:#blueprint#layout-design#structure-planner#fsd-workshop#ui-candidate#authentication-design
One-click install
npx skills add https://github.com/dev-goraebap/grimoire --skill structure-planner
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: structure-planner
Source: https://github.com/dev-goraebap/grimoire/tree/main/fsd-workshop/skills/structure-planner
Command: npx skills add https://github.com/dev-goraebap/grimoire --skill structure-planner

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

fsd-workshop's 2nd stage guides interviews to classify layout zones, identify shared/ui candidates, widgets candidates, and authentication design, then fills the corresponding sections in fsd-blueprint.md after the requirements-analyzer stage.

Core Features & Use Cases

  • Layout zoning by analyzing the page list.
  • Proposing shared/ui components and widgets candidates.
  • Drafting authentication architecture and token strategy.
  • Updating fsd-blueprint.md with the decisions for downstream steps.

Quick Start

Trigger this skill after fsd-blueprint.md exists and guide the interview to fill layout zones, shared/ui, widgets, and authentication sections.

Frequently Asked Questions about structure-planner

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

FAQPage Schema
How do I plan FSD layout zones and UI components from a blueprint?▼

To plan FSD layout zones and UI components, analyze your page list to classify layout zones, identify shared and UI component candidates, and select widgets based on your existing blueprint document.

What is the best way to design authentication architecture in feature-sliced design?▼

Designing authentication architecture in feature-sliced design involves drafting a token strategy and security considerations, then mapping these authentication rules across all pages within your blueprint.

Do I need a requirements analysis before defining UI structure and layout patterns?▼

Yes, you need a requirements analysis first. You must complete the requirements-analyzer stage and have an existing fsd-blueprint.md file as the source of truth before mapping UI structure and layout patterns.

How does layout zoning work when mapping page structures?▼

Layout zoning works by analyzing your page list to classify distinct layout zones, which then helps propose shared and UI component candidates and select widgets for your application's pages.

Can I use this approach to update my blueprint with shared and UI component candidates?▼

Yes, you can update your blueprint by interviewing to identify shared and UI component candidates, then filling the corresponding sections in fsd-blueprint.md with these decisions for downstream steps.

What happens if the fsd-blueprint.md file does not exist before planning UI structure?▼

If the fsd-blueprint.md file does not exist, the planning process enforces preconditions by requiring it, ensuring the blueprint serves as the source of truth before mapping layout patterns and security considerations.

Related Skills

Explore More Software Engineering Skills→
dev-goraebapdev-goraebap

requirements-analyzer

Extracts minimum viable information from requirements documents to bootstrap an FSD blueprint.

Community
Intermediate
Shohzod-Abdusamatov-7777777Shohzod-Abdusamatov-7777777
1

vue3-naiveui-fsd

Guide Vue 3 architecture with Naive UI and Feature-Sliced Design.

Community
Advanced
SandroBeatzSandroBeatz

vue-fsd

Create Vue 3 projects with Feature-Sliced Design layered architecture.

Community
Advanced
BENYEKHLEF-AnouarBENYEKHLEF-Anouar

architecte-contenu

Generate sitemap.md, content-strategy.md, and Markdown wireframes from a project brief.

Community
Intermediate