react-patterns
io.github.davila7/claude-code-templates/react-patterns
Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.
6,144 resources
io.github.davila7/claude-code-templates/react-patterns
Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.
vproduction
io.github.quran/quran.com-frontend-next/frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
vproduction
io.github.quran/quran.com-frontend-next/pdf
Comprehensive PDF manipulation toolkit for extracting text and tables, creating new PDFs, merging/splitting documents, and handling forms. When Claude needs to fill in a PDF form or programmatically process, generate, or analyze PDF documents at scale.
io.github.novuhq/novu/better-auth-best-practices
Skill for integrating Better Auth - the comprehensive TypeScript authentication framework.
io.github.code-yeongyu/oh-my-openagent/dev-browser
Browser automation with persistent page state. Use when users ask to navigate websites, fill forms, take screenshots, extract web data, test web apps, or automate browser workflows. Trigger phrases include "go to [url]", "click on", "fill out the form", "take a screenshot", "scrape", "automate", "test the website", "log into", or any browser interaction request.
io.github.benchflow-ai/skillsbench/jackson-security
Security considerations for Jackson JSON deserialization in Java applications. Covers timing of validation, raw input interception, and common deserialization attack patterns.
io.github.davila7/claude-code-templates/codex
Use when the user asks to run Codex CLI (codex exec, codex resume) or references OpenAI Codex for code analysis, refactoring, or automated editing. Uses GPT-5.2 by default for state-of-the-art software engineering.
io.github.davila7/claude-code-templates/agent-md-refactor
Refactor bloated AGENTS.md, CLAUDE.md, or similar agent instruction files to follow progressive disclosure principles. Splits monolithic files into organized, linked documentation.
io.github.davila7/claude-code-templates/backend-to-frontend-handoff-docs
Create API handoff documentation for frontend developers. Use when backend work is complete and needs to be documented for frontend integration, or user says 'create handoff', 'document API', 'frontend handoff', or 'API documentation'.
io.github.davila7/claude-code-templates/frontend-to-backend-requirements
Document frontend data needs for backend developers. Use when frontend needs to communicate API requirements to backend, or user says 'backend requirements', 'what data do I need', 'API requirements', or is describing data needs for a UI.
io.github.davila7/claude-code-templates/design-system-starter
Create and evolve design systems with design tokens, component architecture, accessibility guidelines, and documentation templates. Ensures consistent, scalable, and accessible UI across products.
io.github.davila7/claude-code-templates/database-schema-designer
Design robust, scalable database schemas for SQL and NoSQL databases. Provides normalization guidelines, indexing strategies, migration patterns, constraint design, and performance optimization. Ensures data integrity, query performance, and maintainable data models.
io.github.davila7/claude-code-templates/react-useeffect
React useEffect best practices from official docs. Use when writing/reviewing useEffect, useState for derived values, data fetching, or state synchronization. Teaches when NOT to use Effect and better alternatives.
io.github.davila7/claude-code-templates/react-dev
This skill should be used when building React components with TypeScript, typing hooks, handling events, or when React TypeScript, React 19, Server Components are mentioned. Covers type-safe patterns for React 18-19 including generic components, proper event typing, and routing integration (TanStack Router, React Router).
io.github.davila7/claude-code-templates/writing-clearly-and-concisely
Use when writing prose humans will read—documentation, commit messages, error messages, explanations, reports, or UI text. Applies Strunk's timeless rules for clearer, stronger, more professional writing.
io.github.coleam00/second-brain-skills/mcp-client
Universal MCP client for connecting to any MCP server with progressive disclosure. Wraps MCP servers as skills to avoid context window bloat from tool definitions. Use when interacting with external MCP servers (Zapier, Sequential Thinking, GitHub, filesystem, etc.), listing available tools, or executing MCP tool calls. Triggers on requests like "connect to Zapier", "use MCP server", "list MCP tools", "call Zapier action", "use sequential thinking", or any MCP server interaction.
io.github.xenitV1/claude-code-maestro/backend-design
Elite Tier Backend standards, including Vertical Slice Architecture, Zero Trust Security, and High-Performance API protocols.
io.github.benchflow-ai/skillsbench/pdf
Comprehensive PDF manipulation toolkit for extracting text and tables, creating new PDFs, merging/splitting documents, and handling forms. When Claude needs to fill in a PDF form or programmatically process, generate, or analyze PDF documents at scale.
io.github.react/react/verify
Use when you want to validate changes before committing, or when you need to check all React contribution requirements.
io.github.react/react/test
Use when you need to run tests for React core. Supports source, www, stable, and experimental channels.
io.github.react/react/flow
Use when you need to run Flow type checking, or when seeing Flow type errors in React code.
io.github.react/react/flags
Use when you need to check feature flag states, compare channels, or debug why a feature behaves differently across release channels.
io.github.react/react/fix
Use when you have lint errors, formatting issues, or before committing code to ensure it passes CI.
io.github.react/react/feature-flags
Use when feature flag tests fail, flags need updating, understanding @gate pragmas, debugging channel-specific test failures, or adding new flags to React.