frontend-first-principles
CommunityValidate frontend feature plans.
Authorgihwan-dev
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps ensure that frontend feature planning and UI flow changes are based on sound principles before implementation, preventing costly rework and ensuring the right technical decisions are made early.
Core Features & Use Cases
- Requirement Decomposition: Separates hard constraints from assumptions and inherited patterns.
- First Principles Extraction: Identifies core user intent, data sources, and rendering/interaction constraints.
- Solution Comparison: Generates and evaluates multiple solution directions based on simplicity, maintainability, accessibility, performance, and UX risk.
- Use Case: Planning a new complex user dashboard with multiple data sources and interactive elements. This Skill will help define the core principles and evaluate different state management or component architecture approaches.
Quick Start
Use the frontend-first-principles skill to analyze the proposed UI flow for the user profile page and provide a recommended implementation plan.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 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-first-principles Download link: https://github.com/gihwan-dev/claude-setup/archive/main.zip#frontend-first-principles Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.