Skills
.Work. You
Rest

frontend-design-subagent

Community

Create a fully navigable frontend concept from scratch.

Design & Creative#design#html#frontend#javascript#views#navigable
Authorpelchers
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Generates a complete, handcrafted frontend concept that is fully navigable across ten views using plain HTML/CSS/JS, enabling rapid ideation and evaluation of interaction models without templates.

Core Features & Use Cases

  • Fully navigable frontend with ten distinct views (dashboard, projects, project workspace, kanban, whiteboard, schema planner, directory tree, ideas, AI chat, settings) built with vanilla HTML/CSS/JS.
  • Hash-based routing and per-view data-page attributes ensure direct URLs and reliable navigation on desktop and mobile.
  • Content-driven, production-like mock data drawn from IDEA-MANAGEMENT product context (projects, ideas, kanban cards, directory structures) to support realistic evaluation.
  • Optional external resources (CDN libraries via references) and local assets when needed for demonstrations.

Quick Start

Open index.html and navigate through all 10 views to review the fully navigable frontend concept.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: frontend-design-subagent
Download link: https://github.com/pelchers/SessionSaver/archive/main.zip#frontend-design-subagent

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.