senior-frontend
Senior Frontend
Complete toolkit for senior frontend with modern tools and best practices.
Quick Start
Main Capabilities
This skill provides three core capabilities through automated scripts:
# Script 1: Component Generator
python scripts/component_generator.py [options]
# Script 2: Bundle Analyzer
python scripts/bundle_analyzer.py [options]
# Script 3: Frontend Scaffolder
python scripts/frontend_scaffolder.py [options]
More from ralphjohn29/my-claude-skills
laravel-backend-expert
Expert Laravel backend development covering the full ecosystem. Use this skill whenever the user mentions Laravel backend, Laravel application development, Blade views, Livewire, Laravel queues, jobs, events, mail, notifications, file uploads, storage, caching, Redis, Laravel commands, scheduling, middleware, policies, gates, service providers, service classes, repositories, or general Laravel server-side development. Trigger for any non-API Laravel work including web applications, admin panels, and background processing.
12phpunit-testing-pro
Senior-level PHPUnit testing skill for Laravel/PHP applications. Use PROACTIVELY when writing tests, creating test suites, mocking dependencies, testing APIs, database testing, or improving test coverage. Covers PHPUnit 10+, Laravel testing helpers, data providers, mocks/stubs, Pest PHP comparison, and testing best practices. Trigger for test creation, test debugging, coverage improvement, or any testing-related questions.
6ui-ux-pro-max
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.
4senior-backend
Comprehensive backend development skill for building scalable backend systems using NodeJS, Express, Go, Python, Postgres, GraphQL, REST APIs. Includes API scaffolding, database optimization, security implementation, and performance tuning. Use when designing APIs, optimizing database queries, implementing business logic, handling authentication/authorization, or reviewing backend code.
4ui-ux-designer
|
3frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
3