modular-design
Guide for creating modular, reusable UI components with proper architecture. Use when creating new UI components, organizing a component library, implementing design system patterns, or building reusable UI bui...
Découvrez les skills DevOps, comparez leurs dépôts et consultez leurs instructions.
Guide for creating modular, reusable UI components with proper architecture. Use when creating new UI components, organizing a component library, implementing design system patterns, or building reusable UI bui...
RESTful and GraphQL API design principles, patterns, and best practices
協助遵循 Laravel 多層架構規範。當需要設計新功能、重構程式碼、或審查架構時載入此技能。適用於 Controller、Service、Repository 分層設計。
A code review skill focused on identifying "leaky abstractions," architectural violations, and performance bottlenecks rather than just syntax errors.
Structured task planning with clear breakdowns, dependencies, and verification criteria. Use when implementing features, refactoring, or any multi-step work.
Guide for quality focused software architecture. This skill should be used when users want to write code, design architecture, analyze code, in any case that relates to software development.
Serverless architecture pattern for event-driven, function-based applications
Atomic Design methodology for building scalable component systems
Verifies components are integrated into the system, not just created. Detects orphaned code (exists but never imported). Use BEFORE marking features complete, moving ADRs to completed/, or claiming integration...
Comprehensive backend development guide for Node.js/Express/TypeScript microservices. Use when creating routes, controllers, services, repositories, middleware, or working with Express APIs, Prisma database acc...
Integrates Headless CMS (Sanity, Strapi, Contentful) to manage dynamic content. Generates schemas, connects APIs, and builds type-safe frontend fetchers.
Builds premium glassmorphism (3D-like, soft blur) frontend UI components and landing pages using React/Next.js + Tailwind conventions. Use when designing modern SaaS pages, hero sections, pricing, navbars, feat...
Build high-quality React + Tailwind + shadcn/ui web artifacts. Tạo interactive components, dashboards, landing pages với production-ready code.
Next.js 16 App Router patterns. Prioritize Next.js 16 syntax, Server Actions, and React 19 patterns. Trigger: When working in Next.js App Router (app/), Server Components vs Client Components, Server Actions, R...
Comprehensive guide and best practices for Next.js, Expo, Convex, NestJS, and modern UI/UX design.
Hệ thống tiêu chuẩn dự án đa năng (Standard Platform). Hỗ trợ Frontend, Backend, DevOps với nhiều tùy chọn ngôn ngữ/framework.
Next.js 16 App Router 與 TypeScript 編碼規範。為 AI 代理提供開發時的技術標準指導,確保程式碼品質、一致性和可維護性。
Tạo giao diện frontend đẹp, chất lượng production-grade. Sử dụng khi user yêu cầu build web components, pages, landing pages, dashboards, React components, HTML/CSS layouts, hoặc styling/beautify UI. Tránh AI s...
PostHog integration for Next.js App Router applications
A frontend-specific skill tuned for modern React + Tailwind CSS v4.
Create custom 404 and 500 error pages with brand styling. Use at project end before release. Triggers on "404", "error pages", "not found", "500 error".
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Trigge...
A comprehensive guide for building production-grade Next.js 14+ applications with App Router, enforcing Server Components by default, optimal data fetching patterns, and modern React best practices.
Next.js best practices, patterns, and architectural guidance for App Router and Pages Router
Le classement utilise les étoiles du dépôt GitHub indexé. Plusieurs skills peuvent partager ce nombre : ce n’est ni un nombre d’installations ni une note de qualité.