797 skills

nextjs-optimization

Safe 68

Optimize Next.js 15 Performance

by Atman36

Slow Next.js applications hurt user experience and SEO rankings. This skill analyzes your app and provides specific optimizations for Core Web Vitals, bundle size, and rendering strategies.

Claude Codex Code(CC)
Install
🔍

codebase-analysis

Safe 68

Analyze codebase structure and architecture

by Atman36

Understanding an unfamiliar codebase takes significant time and effort. This skill provides systematic analysis of project structure, technology stack, dependencies, and code quality metrics to accelerate onboarding and decision-making.

Claude Codex Code(CC)
Install
⚙️

perigon-backend

Safe 70

Apply ASP.NET Core backend conventions

by AterDev

This skill provides standardized conventions for building ASP.NET Core backend services. It covers architecture patterns, entity design, database operations, manager patterns, DTO mapping, and controller best practices for consistent, maintainable codebases.

Claude Codex Code(CC)
Install

perigon-angular

Safe 70

Apply Angular 21+ Perigon conventions

by AterDev

This skill provides standardized Angular 21+ development conventions for Perigon WebApp. It covers component architecture, state management with signals, and Material Design integration to help developers maintain consistent, modern code.

Claude Codex Code(CC)
Install
🔧

tool-design

Safe 76

Design tools for effective agent use

by Asmayaseen

Agent systems struggle with poorly designed tools that cause failures no prompt engineering can fix. This skill provides proven patterns for creating tool APIs that agents can understand, select correctly, and use reliably.

Claude Codex Code(CC)
Install
🔍

systematic-debugging

Safe 76

Apply systematic debugging methodology

by Asmayaseen

Random fixes waste time and create new bugs. This skill enforces a four-phase debugging process that always finds root cause before proposing fixes, preventing symptom-level patches and architectural debt.

Claude Codex Code(CC)
Install
🤖

scaffolding-openai-agents

Safe 71

Build OpenAI Agents with SDK

by Asmayaseen

Creating AI agents from scratch requires understanding async patterns, tool integration, and multi-agent handoffs. This skill provides production-ready scaffolding patterns so you can focus on your agent logic instead of boilerplate code.

Claude Codex Code(CC)
Install
📡

streaming-llm-responses

Safe 78

Stream real-time AI chat responses

by Asmayaseen

Users struggle to build responsive chat interfaces that update in real-time as AI responses stream token by token. This skill provides code patterns for lifecycle handlers, progress indicators, and client-side effects to create smooth streaming experiences.

Claude Codex Code(CC)
Install
🔧

scaffolding-fastapi-dapr

Low Risk 75

Build FastAPI backends with Dapr and SQLModel

by Asmayaseen

Creating production backends with proper patterns requires research across multiple documentation sources. This skill provides ready-to-use code patterns for FastAPI, SQLModel, Dapr pub/sub, and JWT authentication so you can start building immediately.

Claude Codex Code(CC)
Install
🔧

nextjs-devtools

Low Risk 69

Inspect and debug Next.js apps

by Asmayaseen

Next.js development requires visibility into routes, components, and build configuration. This skill provides MCP-based tools to inspect your Next.js app structure, debug routing issues, and examine build settings directly from your AI assistant.

Claude Codex Code(CC)
Install
T

frontend-types

Safe 68

Define TypeScript types for frontend

by Asmayaseen

Frontend developers need consistent TypeScript type definitions to ensure type safety across the application. This skill provides patterns and conventions for creating types that match backend API responses.

Claude Codex Code(CC)
Install
🧩

frontend-component

Safe 69

Create Next.js Components with Server/Client Patterns

by Asmayaseen

Building Next.js components with the wrong pattern leads to performance issues, hydration errors, and poor user experience. This skill provides patterns for server and client components, accessibility compliance, and React best practices to build efficient, accessible frontend components.

Claude Codex Code(CC)
Install
🎨

framer-motion

Safe 69

Add animations to React with Framer Motion

by Asmayaseen

Create engaging user interfaces with smooth animations. This skill provides ready-to-use code patterns for hover effects, page transitions, scroll animations, and complex gesture interactions in React and Next.js applications.

Claude Codex Code(CC)
Install
🧠

context-fundamentals

Safe 76

Master Context Engineering for AI Agents

by Asmayaseen

Context limits cause unexpected AI behavior and high costs. This skill teaches you to design, budget, and optimize context in agent systems using proven patterns like progressive disclosure and attention-aware placement.

Claude Codex Code(CC)
Install
🛠️

building-mcp-servers

Low Risk 75

Build MCP Servers for Claude Integration

by Asmayaseen

Create MCP servers that enable Claude and other LLMs to interact with external APIs and services through well-designed tools. This guide covers Python FastMCP and TypeScript MCP SDK implementations with authentication, Docker deployment, and testing patterns.

Claude Codex Code(CC)
Install

building-nextjs-apps

Safe 77

Build Next.js 16 applications

by Asmayaseen

Next.js 16 introduces breaking changes that cause common mistakes. This skill provides correct patterns for async params, server actions, layouts, and middleware. Use it to avoid failed builds and implement distinctive frontend design.

Claude Codex Code(CC)
Install
💬

building-chat-widgets

Safe 77

Build Interactive AI Chat Widgets

by Asmayaseen

Creating chat widgets with buttons, forms, and actions is complex and undocumented. This skill provides complete patterns for client and server widget handling, entity tagging, and composer tools so you can build interactive AI interfaces faster.

Claude Codex Code(CC)
Install
💬

building-chat-interfaces

Safe 77

Build AI chat interfaces

by Asmayaseen

Creating AI chat interfaces requires custom backends, authentication, and context injection. This skill provides production-ready patterns for ChatKitServer, useChatKit hooks, and httpOnly cookie proxies to build secure chat experiences.

Claude Code(CC)
Install
🌐

browsing-with-playwright

Low Risk 75

Automate browser interactions with Playwright MCP

by Asmayaseen

Web automation tasks require manual navigation and repetitive form filling. This skill provides a Model Context Protocol interface to Playwright, enabling AI assistants to navigate pages, interact with elements, extract data, and take screenshots programmatically.

Claude Codex Code(CC)
Install
🔗

add-endpoint

Safe 71

Add HTTP endpoints to Catalyst-Relay server

by Artisan-Edge

Need to add new API routes to your Catalyst-Relay server but unsure of the proper pattern? This skill provides the complete template for creating endpoints with Zod validation, consistent response formats, and proper documentation.

Claude Codex Code(CC)
Install