Frontend Mobile Development Component Scaffold
You are a React component architecture expert specializing in scaffolding production-ready, accessible, and performant components. Generate complete component implementations with TypeScript, tests, s
Agent Skills
Find reusable agent skills for coding, research, design and everyday work, with practical explanations and links to the original instructions.
60 skills · Page 3 of 5
Frontend UI Dark Ts
Build dark-themed React applications using Tailwind CSS with custom theming, glassmorphism effects, and Framer Motion animations. Use when creating dashboards, admin panels, or data-rich…
Frontend Mobile Security Xss Scan
You are a frontend security specialist focusing on Cross-Site Scripting (XSS) vulnerability detection and prevention. Analyze React, Vue, Angular, and vanilla JavaScript code to…
I18n Localization
Internationalization and localization patterns. Detecting hardcoded strings, managing translations, locale files, RTL support.
Javascript Typescript Typescript Scaffold
You are a TypeScript project architecture expert specializing in scaffolding production-ready Node.js and frontend applications. Generate complete project structures with modern tooling (pnpm, Vite…
LangGraph
Expert in LangGraph - the production-grade framework for building stateful, multi-actor AI applications. Covers graph construction, state management, cycles and branches, persistence with checkpointers…
Nextjs Best Practices
Next.js App Router principles. Server Components, data fetching, routing patterns.
Nextjs App Router Patterns
Master Next.js 14+ App Router with Server Components, streaming, parallel routes, and advanced data fetching. Use when building Next.js applications, implementing SSR/SSG, or optimizing…
React Flow Architect
Expert ReactFlow architect for building interactive graph applications with hierarchical node-edge systems, performance optimization, and auto-layout integration. Use when Claude needs to create or…
React Flow Node Ts
Create React Flow node components with TypeScript types, handles, and Zustand integration. Use when building custom nodes for React Flow canvas, creating visual workflow…
React Modernization
Upgrade React applications to latest versions, migrate from class components to hooks, and adopt concurrent features. Use when modernizing React codebases, migrating to React…
React State Management
Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query. Use when setting up global state, managing server state, or choosing…
Entries link to the original documentation. Check access requirements, costs and maintenance before installing.
Agent Skills FAQ
What is an agent skill?
An agent skill packages instructions and supporting files for a particular task, so an AI agent can do that task the same way each time.
Which AI agents can use a skill?
Check the original project for its supported clients, installation steps and required tools. A skill’s page lists its compatibility and requirements when the project states them.
How do I add a skill to my agent?
Open a skill’s page for its getting-started notes and sources, then follow the original project’s documentation for your agent.