Best practices for using the oracle CLI, including prompt bundling, engine selection, session management, and file attachment patterns for AI-assisted code understanding.
frontend-patterns
This skill provides a collection of modern frontend development patterns, focusing on React and Next.js. It covers component patterns like composition over inheritance, compound components, and render props. It also includes custom hooks for state management and data fetching, along with state management solutions, performance optimization techniques, form handling, error boundaries, animations, and accessibility patterns.
The patterns are designed to help developers build scalable, maintainable, and performant user interfaces. The skill offers practical code examples demonstrating each pattern's implementation, making it easy to integrate them into existing or new projects. It emphasizes best practices for creating robust and accessible frontend applications.
By using these patterns, developers can improve code quality, reduce complexity, and enhance the overall user experience. The skill encourages developers to choose patterns that align with their project's specific needs and complexity, promoting a flexible and adaptable approach to frontend development.
What It Does
Provides a curated collection of frontend development patterns, complete with code examples, to help developers build robust, performant, and accessible React and Next.js applications.
When To Use
When starting a new React or Next.js project, refactoring existing code, or seeking to improve the performance, maintainability, and accessibility of a frontend application.
Installation
Copy SKILL.md to your skills directoryRelated Skills You May Like
Discover more AI agent skills in the same category to enhance your workflow automation.
Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D portfolios, immersive websites, and bringing depth to web experie...
Fetches web content and converts HTML to markdown for LLMs, enabling them to access and process information from web pages.
Generate spectrograms and feature-panel visualizations from audio using the songsee CLI tool.
A persistent memory server using a local knowledge graph to enable Claude to remember user information across chats.
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, o...
Have a Skill to Share?
Join the community and help AI agents learn new capabilities. Submit your skill and reach thousands of developers.