web-artifacts-builder
Overview
This skill provides comprehensive patterns and best practices for building modern web applications using the React + Tailwind CSS + shadcn/ui stack. It emphasizes component-driven development, type safety with TypeScript, accessibility, and performance optimization.
Stack Overview
Core Technologies:
- React 18+: Component-based UI with hooks and concurrent features
- TypeScript: Type-safe development with excellent IDE support
- Tailwind CSS: Utility-first CSS framework for rapid styling
- shadcn/ui: High-quality, accessible React components built on Radix UI
- Vite: Fast build tool with HMR and optimized production builds
Why This Stack:
- Type safety reduces bugs and improves maintainability
- Tailwind enables rapid UI development without context switching
- shadcn/ui provides accessible, customizable components out of the box
- Vite offers excellent developer experience and fast builds
- Modern ecosystem with active community support
More from bejranonda/llm-autonomous-agent-plugin-for-claude
pattern-learning
Enables autonomous pattern recognition, storage, and retrieval at project level with self-learning capabilities for continuous improvement
17web-validation
Comprehensive web page validation with authentication, screenshot capture, mobile testing, and enhanced error detection
15contextual-pattern-learning
Advanced contextual pattern recognition with project fingerprinting, semantic similarity analysis, and cross-domain pattern matching for enhanced learning capabilities
10security-patterns
Comprehensive OWASP security guidelines, secure coding patterns, vulnerability prevention strategies, and remediation best practices for building secure applications
10git-automation
Advanced Git operations automation including intelligent branching, commit optimization, release workflows, and repository health management
9frontend-aesthetics
Distinctive frontend design principles for avoiding generic AI defaults, implementing thoughtful typography/color/animations, and creating polished user experiences based on Claude Code design research
9