frontend-patterns
From the author
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
Install
npx skills add mturac/everything-openai-codex --skill frontend-patterns -a claude-code
Installs to .claude/skills/frontend-patterns/ · Each command fetches the skill straight from GitHub with the open skills CLI.
Download .zip
Byte-identical to the scanned commit, with the repository’s licence and a SOURCE.txt.
Want your agent to suggest skills while you type? See how to use skills from your IDE.
Safety checks on SKILL.md
No warnings.
Why 80
Security100
Provenance63
Maintenance85
Licence100
Adoption34
aiqbench computes the trust score from public signals. It is not a security audit, so read a skill before you install it.
Similar skills
Closest to this one by what they do and when they are used.
- backend-patternsvibeeval/vibecosystemBackend architecture patterns, API design, database optimization, and server-side best practices for Node.js, Express, and Next.js API routes.Data★ 540
- nextjs-patternstranhieutt/software_development_departmentComprehensive Next.js development patterns for App Router, Server Components, TypeScript, and Tailwind CSS. Covers foundational principles, data fetching, routing, performance, and an 8-phase development workflow. Also includes Server Actions and Metadata patterns.Design★ 74
- senior-frontendcomposio-community/awesome-claude-pluginsFrontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications. Use when building React components, optimizing Next.js performance, analyzing bundle sizes, scaffolding frontend projects, implementing accessibility, or reviewing frontend code quality.Design★ 2K
- react-patternsgiuseppe-trisciuoglio/developer-kitProvides comprehensive React 19 patterns for Server Components, Server Actions, useOptimistic, useActionState, useTransition, concurrent features, Suspense boundaries, and TypeScript integration. Generates executable code patterns, validates security for public endpoints, and optimizes performance with React Compiler or manual memoization. Proactively use when building React 19 applications with Next.js App Router, implementing optimistic UI, or optimizing concurrent rendering.Engineering★ 362
- api-design-patternsAsyrafHussin/agent-skillsRESTful API design, error handling, versioning, and best practices. Use when designing APIs, reviewing endpoints, implementing error responses, or setting up API structure. Triggers on "design API", "review API", "REST best practices", or "API patterns".Design★ 95
- frontend-engineeringDevelopersGlobal/ai-agent-skillsAccessible, performant, responsive UI patterns. Component design, state management discipline, and Core Web Vitals compliance.Design★ 213
Ratings & reviews
—
no reviews
Tried this skill? Rate it to help others. Sign in
Discussion
Join the discussion. Sign in