🛠️ FAF Skills Portal

Discover, search, and instantly install 37 Claude Code skills

The definitive portal for Claude Code skills in the FAF ecosystem

🚀 Visit skills.faf.one • Skills Source • FAF Foundation

---

✨ What This Is

The FAF Skills Portal is the official web interface for discovering and installing Claude Code skills. Built with championship-grade engineering standards, it provides instant access to 37 specialized skills that enhance AI-powered development workflows.

🎯 Key Features

• 🔍 Instant Search - Find skills by name, category, or functionality
• 📋 One-Click Copy - Copy skill commands directly to clipboard
• 🎨 5 Skill Categories - Organized by purpose and use case
• 📱 Mobile-First Design - Perfect on any device
• ⚡ Zero Build Process - Pure HTML/CSS/JS for maximum speed
• 🏆 100% FAF Score - Championship-grade AI context included

---

🛠️ Available Skills (37)

🎨 FAF Core (13 skills)

Essential FAF operations and project management

• /faf-expert - Expert in .faf files and project DNA
• /faf-go - Guided interview to reach 100% FAF score
• /faf-score - Score and validate .faf files
• /faf-sync - Bi-directional .faf ↔ CLAUDE.md sync
• ...and 9 more

💻 Development (5 skills)

Git workflows, code review, and project maintenance

• /commit - Context-aware git commits powered by FAF
• /pr - Context-aware pull requests
• /review - Intelligent code reviews
• ...and 2 more

🔌 MCP Integration (3 skills)

Model Context Protocol server development

• /mcp-builder - Guide for creating MCP servers
• /wjttc-builder - Championship-grade test suites
• /wjttc-tester - F1-inspired testing for MCP servers

🔗 Integration (2 skills)

Third-party platform integrations

• /n8n-builder - Expert n8n workflow creation
• /n8n-debugger - n8n troubleshooting and optimization

📚 Documentation (3 skills)

Technical documentation generation

• /prd-builder - Product Requirements Documents
• /sys-reqs-builder - System Requirements
• /arch-builder - Technical Architecture docs

🚀 Publishing (4 skills)

Package and library distribution

• /pubpro - FAF publish protocol (npm + MCP Registry)
• /pubpypi - Python package publishing
• /pubcrate - Rust crate publishing
• ...and 1 more

🛠️ Utilities (1 skill)

Development tools and helpers

• /skill-creator - Create new Claude Code skills

---

🚀 Quick Start

For Users

Visit skills.faf.one and start discovering skills immediately.

For Developers

# Clone the repository
git clone https://github.com/Wolfe-Jam/faf-skills-site.git
cd faf-skills-site

# No build required - open directly
open index.html

# Or serve locally
python -m http.server 8000

---

🏗️ Architecture

Tech Stack

• Frontend: Vanilla HTML5, CSS3, JavaScript ES6+
• Hosting: Vercel with custom domain
• Repository: GitHub with automated deployment
• FAF Score: 100% Trophy (Championship grade)

Design Philosophy

• Zero Dependencies - No frameworks, no build process
• Mobile-First - Responsive design from ground up
• Performance-Focused - Sub-second load times
• Accessibility - WCAG 2.1 compliant
• FAF Native - Perfect AI context integration

Project Structure

faf-skills-site/
├── index.html              # Main portal (16KB, complete)
├── project.faf             # 100% Trophy FAF context
├── CLAUDE.md               # AI assistant context
├── README.md               # This file
├── package.json            # Deployment configuration
└── .github/workflows/      # CI/CD automation

---

🎨 Brand Guidelines

Colors

• FAF Green: #27c93f (primary)
• FAF Green Hover: #22b137
• Background: #fefcf8 (warm white)
• Text: #4a4a4a (readable gray)

Typography

• Font Stack: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto
• Approach: Clean, modern, performance-optimized

Visual Identity

Consistent with the FAF ecosystem design language used across:

• faf.one - Main site
• foundation.faf.one - Foundation portal

---

🚀 Deployment

Production

• Live URL: https://skills.faf.one
• Platform: Vercel
• DNS: Managed through FAF ecosystem
• SSL: Automatic (Let's Encrypt)

Development Deployment

# Install Vercel CLI
npm install -g vercel

# Deploy to preview
vercel

# Deploy to production
vercel --prod

CI/CD

Automatic deployment triggered on:

• Push to main branch
• Pull request merge
• Manual deployment via Vercel dashboard

---

🤝 Contributing

Skill Additions

New skills should be added to the faf-skills repository. This portal automatically reflects skills from that source.

Portal Improvements

1. Fork this repository
2. Create feature branch: git checkout -b feature/amazing-improvement
3. Commit changes: git commit -m 'Add amazing improvement'
4. Push to branch: git push origin feature/amazing-improvement
5. Open Pull Request

Quality Standards

• Maintain 100% FAF Score
• Follow FAF ecosystem design patterns
• Ensure mobile responsiveness
• Test across browsers
• Validate HTML5/CSS3/ES6+ compliance

---

📊 Performance Metrics

• Lighthouse Score: 95+ (all categories)
• Load Time: <1 second (median)
• Bundle Size: 34.9KB (including all assets)
• Mobile Score: 100/100
• SEO Score: 100/100

---

🏆 Recognition

FAF Ecosystem Integration

• FAF Score: 100% Trophy (Championship Grade)
• WJTTC Certified: Big Orange 🍊 (if applicable)
• Foundation Approved: Official FAF Foundation project

Technical Achievements

• Static Site Detection: This project helped improve FAF CLI's static site detection from 11% → 100% accuracy
• Open Source Contribution: Filed and resolved GitHub issue for static site detection
• Real-World Validation: Deployed and tested in production environment

---

🔗 Ecosystem Links

FAF Foundation Sites

• faf.one - Main FAF website and documentation
• foundation.faf.one - FAF Foundation governance
• skills.faf.one - This skills portal

Development Tools

• faf-cli - Command-line tool for .faf files
• faf-skills - Skills source repository
• WJTTC - MCP server testing certification

Standards & Registry

• IANA Registration - Official MIME type: application/vnd.faf+yaml
• MCP Registry - Model Context Protocol servers

---

📄 License

MIT License - Same as the broader FAF ecosystem

Copyright (c) 2026 FAF Foundation

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.

---

🎯 About the FAF Foundation

The Foundational AI-Context Format (FAF) is an IANA-registered, open standard for project DNA that works with any AI. Created with F1-inspired engineering principles, FAF provides:

• Universal Compatibility - Works with Claude, Gemini, GPT, and any AI tool
• 91% Token Savings - Measured reduction in context re-explanation
• Championship Standards - F1-grade engineering applied to AI tooling
• Open Source - MIT licensed, community-driven development

Format | Driven 🏎️⚡ wolfejam.dev