personal-fos-frontend-skill
CommunityBuild production-grade frontend interfaces with ease and consistency.
Authorakintola4
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps streamline the process of building frontend interfaces, ensuring they are production-grade, consistent, and accessible.
Core Features & Use Cases
- Full Discovery Process: Guides through a structured discovery process to ensure all requirements are met before development begins.
- Design Thinking: Articulates layout, typography, and animation plans for user approval before implementation.
- Build & Delivery: Outputs TypeScript + Tailwind CSS + shadcn/ui code with full accessibility, responsive behavior, and light/dark mode support.
- Use Cases: Ideal for landing pages, marketing sites, dashboards, apps, components, or experiments.
Quick Start
Use the personal-fos-frontend-skill to start a new frontend project. Run the following command to begin:
claude mcp add-skill /path/to/personal-fos-frontend-skill
Dependency Matrix
Required Modules
nexttypescripttailwindcssshadcn/ui
Components
scriptsreferencesassets
💻 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: personal-fos-frontend-skill Download link: https://github.com/akintola4/personal-fos-frontend-skill/archive/main.zip#personal-fos-frontend-skill 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 620,000+ vetted skills library on demand.