ever-works/directory-web-template
Skill Claude CodeCodex
Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible".
ever-works/directory-web-template
Skill Claude CodeCodex
Deploy applications and websites to Vercel. Use when the user requests deployment actions like "deploy my app", "deploy and give me the link", "push this live", or "create a preview deployment".
ever-works/directory-web-template
Skill Claude CodeCodex
Type-safe SQL ORM for TypeScript with zero runtime overhead.
ever-works/directory-web-template
Skill Claude CodeCodex
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).…
ever-works/directory-web-template
Skill Claude CodeCodex
Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling.
ever-works/directory-web-template
Skill Claude CodeCodex
Next.js 16 Cache Components - PPR, use cache directive, cacheLife, cacheTag, updateTag.
ever-works/directory-web-template
Skill Claude CodeCodex
Upgrade Next.js to the latest version following official migration guides and codemods.
ever-works/directory-web-template
Skill Claude CodeCodex
Build production-ready Node.js backend services with Express/Fastify, implementing middleware patterns, error handling, authentication, database integration, and API design best practices. Use when creating Node.js servers, REST APIs, GraphQL backends, or microservices architectures.
ever-works/directory-web-template
Skill Claude CodeCodex
Node.js development principles and decision-making. Framework selection, async patterns, security, and architecture. Teaches thinking, not copying.
ever-works/directory-web-template
Skill Claude CodeCodex
Use when writing Playwright tests, fixing flaky tests, debugging failures, implementing Page Object Model, configuring CI/CD, optimizing performance, mocking APIs, handling authentication or OAuth, testing accessibility (axe-core), file uploads/downloads, date/time mocking, WebSockets, geolocation, permissions…
ever-works/directory-web-template
Skill Claude CodeCodex
Optimize for search engine visibility and ranking. Use when asked to "improve SEO", "optimize for search", "fix meta tags", "add structured data", "sitemap optimization", or "search engine optimization".
ever-works/directory-web-template
Skill Claude CodeCodex
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for…
ever-works/directory-web-template
Skill Claude CodeCodex
Guides Stripe integration decisions — API selection (Checkout Sessions vs PaymentIntents), Connect platform setup (Accounts v2, controller properties), billing/subscriptions, Treasury financial accounts, integration surfaces (Checkout, Payment Element), migrating from deprecated Stripe APIs, and security best…
ever-works/directory-web-template
Skill Claude CodeCodex
Postgres performance optimization and best practices from Supabase. Use this skill when writing, reviewing, or optimizing Postgres queries, schema designs, or database configurations.
ever-works/directory-web-template
Skill Claude CodeCodex
Provides comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid, spacing, typography, colors, and modern CSS best practices. Use when styling React/Vue/Svelte components, building responsive layouts, implementing design systems, or optimizing CSS workflow.
ever-works/directory-web-template
Skill Claude CodeCodex
Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React. Use when: initializing React projects with Tailwind v4, setting up shadcn/ui, implementing dark mode, debugging CSS variable issues, fixing theme switching, migrating from Tailwind v3, or encountering color/theming problems. Covers: @theme…
ever-works/directory-web-template
Skill Claude CodeCodex
Turborepo monorepo build system guidance. Triggers on: turbo.json, task pipelines, dependsOn, caching, remote cache, the "turbo" CLI, --filter, --affected, CI optimization, environment variables, internal packages, monorepo structure/best practices, and boundaries. Use when user: configures tasks/workflows/pipelines…
ever-works/directory-web-template
Skill Claude CodeCodex
Master TypeScript's advanced type system including generics, conditional types, mapped types, template literals, and utility types for building type-safe applications. Use when implementing complex type logic, creating reusable type utilities, or ensuring compile-time type safety in TypeScript projects.
ever-works/directory-web-template
Skill Claude CodeCodex
Guide for upgrading Stripe API versions and SDKs.
ever-works/directory-web-template
Skill Claude CodeCodex
React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.
ever-works/directory-web-template
Skill Claude CodeCodex
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. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance…
ever-works/directory-web-template
Skill Claude CodeCodex
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
ever-works/directory-web-template
Instructions file GitHub Copilot
Copilot instructions for ever-works/directory-web-template, covering github copilot instructions – ever works website, runtime & tooling, how to run and verify, project structure and dependencies & commands to avoid by default.
ever-works/directory-web-template
Instructions file CodexOpenCode
AGENTS.md instructions for ever-works/directory-web-template, covering agents.md — cross-cutting rules for ai agents, 1. source of truth, 2. spec-driven development (spec kit), 3. plugin-first architecture and 4. typescript only.