Agentic Skills by sgcarstrends
mock-data
by sgcarstrendsGenerate realistic mock data for testing using factories, fixtures, and Faker.js. Use when seeding test databases, creating test fixtures, or mocking ...
schema-design
by sgcarstrendsDesign or modify Drizzle ORM schemas with proper relationships, constraints, and indexes. Use when adding new tables, modifying existing schemas, or o...
performance-profiling
by sgcarstrendsProfile application performance, identify bottlenecks, and optimize slow operations. Use when investigating performance issues, optimizing response ti...
e2e-testing
by sgcarstrendsWrite and run end-to-end tests with Playwright for user flows, page interactions, and visual regression. Use when testing user journeys, ensuring UI f...
tailwind-config
by sgcarstrendsUpdate Tailwind CSS configuration, custom themes, and design tokens across packages. Use when adding new colors, spacing scales, or customizing the de...
api-testing
by sgcarstrendsWrite and run API tests with Vitest for endpoints, middleware, and integrations. Use when testing API functionality, request/response validation, erro...
logo-management
by sgcarstrendsManage car logo fetching, scraping, and Vercel Blob storage in the logos package. Use when updating logo sources, debugging brand name normalization, ...
data-seeding
by sgcarstrendsCreate or update database seed scripts for development and testing environments. Use when setting up test data or initializing development databases.
coverage-analysis
by sgcarstrendsAnalyze test coverage, generate reports, and identify untested code. Use when improving test coverage, ensuring code quality, or preparing for product...
aws-monitoring
by sgcarstrendsDebug AWS resource issues, check Lambda logs, and monitor deployed services. Use when investigating production issues, checking CloudWatch logs, or de...
github-actions
by sgcarstrendsCreate and maintain GitHub Actions workflows for CI/CD, testing, deployment, and automation. Use when setting up pipelines, automating tasks, or confi...
shadcn-components
by sgcarstrendsAdd or customize shadcn/ui components in the shared UI package. Use when adding new components from shadcn registry or updating existing component var...
redis-cache
by sgcarstrendsImplement or debug Redis caching strategies using the centralized Upstash Redis client. Use when adding cache layers, debugging cache issues, or optim...
env-config
by sgcarstrendsManage environment variables across dev/staging/prod environments and SST config. Use when adding new secrets, updating environment-specific configs, ...
chart-implementation
by sgcarstrendsCreate or update interactive charts for car registration and COE data visualization. Use when adding new chart types, fixing chart bugs, or implementi...
sst-deployment
by sgcarstrendsConfigure or update SST v3 infrastructure resources for AWS deployment. Use when adding new AWS resources, modifying Lambda configurations, or updatin...
component-docs
by sgcarstrendsGenerate or update component documentation with usage examples, props tables, and Storybook stories. Use when documenting new components or improving ...
ai-structured-output
by sgcarstrendsGenerate type-safe AI content using Gemini structured output with Zod validation and Code Execution Tool. Use when building AI generation functions th...
gemini-blog
by sgcarstrendsConfigure or debug LLM blog post generation using Vercel AI SDK and Google Gemini. Use when updating blog generation prompts, fixing AI integration is...
security-audit
by sgcarstrendsAudit code for security vulnerabilities (SQL injection, XSS, OWASP Top 10). Use when adding authentication logic, handling user input, or before produ...
heroui-components
by sgcarstrendsAdd or customize HeroUI components in the web application. Use when implementing new UI features with HeroUI design system or updating component styli...
biome-config
by sgcarstrendsUpdate Biome linting rules, formatting configs, and import organization settings. Use when adding new lint rules, customizing code style, or fixing wo...
deployment-rollback
by sgcarstrendsRollback failed deployments, restore previous versions, and handle deployment emergencies. Use when deployments fail, bugs are discovered in productio...
package-audit
by sgcarstrendsScan for security vulnerabilities using pnpm audit, Snyk, and automated tools. Use when checking security, before deployments, or resolving CVEs.
performance-opt
by sgcarstrendsAnalyze and optimize application performance including bundle size, render performance, and API response times. Use when investigating slow pages or o...
server-actions
by sgcarstrendsCreate or update Next.js server actions for blog and analytics functionality. Use when adding form handlers, data mutations, or server-side logic in t...
conventional-commits
by sgcarstrendsGenerate conventional commit messages following the project's commitlint rules with proper scopes. Use when committing changes to ensure semantic vers...
domain-management
by sgcarstrendsConfigure domain routing and Cloudflare DNS for sgcarstrends.com and subdomains. Use when adding new services, updating domain patterns, or debugging ...
release-management
by sgcarstrendsAutomate releases using semantic-release, create release notes, manage versions, and publish packages. Use when preparing releases, managing versions,...
query-optimization
by sgcarstrendsOptimize database queries, add indexes, prevent N+1 queries, and improve query performance. Use when queries are slow, investigating database bottlene...
mermaid-diagrams
by sgcarstrendsCreate and maintain architecture diagrams using Mermaid syntax for system architecture, workflows, database schemas, and sequence diagrams. Use when v...
bundle-analysis
by sgcarstrendsAnalyze and optimize JavaScript bundle size, identify large dependencies, and improve load times. Use when bundles are large, investigating performanc...
readme-updates
by sgcarstrendsMaintain README files with setup instructions, features, tech stack, and usage examples. Use when updating project documentation, adding new features,...
error-tracking
by sgcarstrendsTrack errors with CloudWatch Logs, implement structured logging, and monitor application health. Use when debugging production issues, investigating e...
changelog
by sgcarstrendsGenerate and maintain CHANGELOG.md using semantic-release and conventional commits. Use when preparing releases, documenting changes, or reviewing ver...
workspace-management
by sgcarstrendsManage pnpm workspaces, add packages, configure dependencies, and organize monorepo structure. Use when adding new packages, restructuring workspace, ...
code-review
by sgcarstrendsPerform automated code reviews checking for security vulnerabilities, performance issues, and code quality. Use before creating PRs or when reviewing ...
ai-structured-output
by sgcarstrendsGenerate type-safe AI content using Gemini structured output with Zod validation and Code Execution Tool. Use when building AI generation functions th...
api-testing
by sgcarstrendsWrite and run API tests with Vitest for endpoints, middleware, and integrations. Use when testing API functionality, request/response validation, erro...
api-version
by sgcarstrendsManage API versioning strategy for Hono routes in apps/api/src/v1. Use when creating new API versions or migrating endpoints between versions.
aws-monitoring
by sgcarstrendsDebug AWS resource issues, check Lambda logs, and monitor deployed services. Use when investigating production issues, checking CloudWatch logs, or de...
biome-config
by sgcarstrendsUpdate Biome linting rules, formatting configs, and import organization settings. Use when adding new lint rules, customizing code style, or fixing wo...
bundle-analysis
by sgcarstrendsAnalyze and optimize JavaScript bundle size, identify large dependencies, and improve load times. Use when bundles are large, investigating performanc...
cache-components
by sgcarstrendsImplement Next.js 16 Cache Components with use cache directives, Suspense boundaries, and cacheLife profiles. Use when optimizing page performance or ...
changelog
by sgcarstrendsGenerate and maintain CHANGELOG.md using semantic-release and conventional commits. Use when preparing releases, documenting changes, or reviewing ver...
chart-implementation
by sgcarstrendsCreate or update interactive charts for car registration and COE data visualization. Use when adding new chart types, fixing chart bugs, or implementi...
code-review
by sgcarstrendsPerform automated code reviews checking for security vulnerabilities, performance issues, and code quality. Use before creating PRs or when reviewing ...
component-docs
by sgcarstrendsGenerate or update component documentation with usage examples, props tables, and Storybook stories. Use when documenting new components or improving ...
component-naming
by sgcarstrendsEnforce consistent React component naming conventions using domain + role patterns. Use when creating, reviewing, or refactoring components.
component-tester
by sgcarstrendsRun Vitest tests for a specific component with coverage. Use when making changes to React components to ensure tests pass and coverage is maintained.
conventional-commits
by sgcarstrendsGenerate conventional commit messages following the project's commitlint rules with proper scopes. Use when committing changes to ensure semantic vers...
coverage-analysis
by sgcarstrendsAnalyze test coverage, generate reports, and identify untested code. Use when improving test coverage, ensuring code quality, or preparing for product...
data-seeding
by sgcarstrendsCreate or update database seed scripts for development and testing environments. Use when setting up test data or initializing development databases.
dependency-upgrade
by sgcarstrendsUpgrade dependencies safely using pnpm catalog, checking for breaking changes, and testing upgrades. Use when updating packages, applying security pat...
deployment-rollback
by sgcarstrendsRollback failed deployments, restore previous versions, and handle deployment emergencies. Use when deployments fail, bugs are discovered in productio...
design-language-system
by sgcarstrendsApply the professional Navy Blue colour scheme and design tokens. Use when styling components, charts, or ensuring colour consistency across the appli...
domain-management
by sgcarstrendsConfigure domain routing and Cloudflare DNS for sgcarstrends.com and subdomains. Use when adding new services, updating domain patterns, or debugging ...
e2e-testing
by sgcarstrendsWrite and run end-to-end tests with Playwright for user flows, page interactions, and visual regression. Use when testing user journeys, ensuring UI f...
env-config
by sgcarstrendsManage environment variables across dev/staging/prod environments and SST config. Use when adding new secrets, updating environment-specific configs, ...
error-tracking
by sgcarstrendsTrack errors with CloudWatch Logs, implement structured logging, and monitor application health. Use when debugging production issues, investigating e...
framer-motion-animations
by sgcarstrendsCreate scroll-triggered and entrance animations using Framer Motion (motion package). Use when adding animations, implementing scroll reveals, or migr...
gemini-blog
by sgcarstrendsConfigure or debug LLM blog post generation using Vercel AI SDK and Google Gemini. Use when updating blog generation prompts, fixing AI integration is...
github-actions
by sgcarstrendsCreate and maintain GitHub Actions workflows for CI/CD, testing, deployment, and automation. Use when setting up pipelines, automating tasks, or confi...
heroui-components
by sgcarstrendsAdd or customize HeroUI components in the web application. Use when implementing new UI features with HeroUI design system or updating component styli...
heroui-recommender
by sgcarstrendsRecommend appropriate HeroUI components for new features and ensure proper usage. Use when implementing new UI features or migrating from shadcn/ui to...
logo-management
by sgcarstrendsManage car logo fetching, scraping, and Vercel Blob storage in the logos package. Use when updating logo sources, debugging brand name normalization, ...
mermaid-diagrams
by sgcarstrendsCreate and maintain architecture diagrams using Mermaid syntax for system architecture, workflows, database schemas, and sequence diagrams. Use when v...
mock-data
by sgcarstrendsGenerate realistic mock data for testing using factories, fixtures, and Faker.js. Use when seeding test databases, creating test fixtures, or mocking ...
opengraph-images
by sgcarstrendsCreate dynamic OpenGraph images for social media sharing using Next.js ImageResponse API. Use when adding OG images to new pages, updating existing OG...
package-audit
by sgcarstrendsScan for security vulnerabilities using pnpm audit, Snyk, and automated tools. Use when checking security, before deployments, or resolving CVEs.
performance-opt
by sgcarstrendsAnalyze and optimize application performance including bundle size, render performance, and API response times. Use when investigating slow pages or o...
performance-profiling
by sgcarstrendsProfile application performance, identify bottlenecks, and optimize slow operations. Use when investigating performance issues, optimizing response ti...
query-optimization
by sgcarstrendsOptimize database queries, add indexes, prevent N+1 queries, and improve query performance. Use when queries are slow, investigating database bottlene...
readme-updates
by sgcarstrendsMaintain README files with setup instructions, features, tech stack, and usage examples. Use when updating project documentation, adding new features,...
redis-cache
by sgcarstrendsImplement or debug Redis caching strategies using the centralized Upstash Redis client. Use when adding cache layers, debugging cache issues, or optim...
release-management
by sgcarstrendsAutomate releases using semantic-release, create release notes, manage versions, and publish packages. Use when preparing releases, managing versions,...
schema-design
by sgcarstrendsDesign or modify Drizzle ORM schemas with proper relationships, constraints, and indexes. Use when adding new tables, modifying existing schemas, or o...
security-audit
by sgcarstrendsAudit code for security vulnerabilities (SQL injection, XSS, OWASP Top 10). Use when adding authentication logic, handling user input, or before produ...
server-actions
by sgcarstrendsCreate or update Next.js server actions for blog and analytics functionality. Use when adding form handlers, data mutations, or server-side logic in t...
shadcn-components
by sgcarstrendsAdd or customize shadcn/ui components in the shared UI package. Use when adding new components from shadcn registry or updating existing component var...
social-media
by sgcarstrendsAdd or update social media posting integrations (Discord, LinkedIn, Telegram, Twitter) in workflows. Use when adding new platforms, debugging posting ...
sst-deployment
by sgcarstrendsConfigure or update SST v3 infrastructure resources for AWS deployment. Use when adding new AWS resources, modifying Lambda configurations, or updatin...
tailwind-config
by sgcarstrendsUpdate Tailwind CSS configuration, custom themes, and design tokens across packages. Use when adding new colors, spacing scales, or customizing the de...
typography-spacing-enforcer
by sgcarstrendsEnforce Typography system and modern spacing conventions. Use when implementing new UI components to ensure design consistency with project standards.
ui-design-system
by sgcarstrendsEnforce modern dashboard UI patterns with pill-shaped design, professional colour scheme, and typography standards. Use when building or reviewing UI ...
workflow-management
by sgcarstrendsCreate, debug, or modify QStash workflows for data updates and social media posting in the API service. Use when adding new automated jobs, fixing wor...
workspace-management
by sgcarstrendsManage pnpm workspaces, add packages, configure dependencies, and organize monorepo structure. Use when adding new packages, restructuring workspace, ...
dependency-upgrade
by sgcarstrendsUpgrade dependencies safely using pnpm catalog, checking for breaking changes, and testing upgrades. Use when updating packages, applying security pat...
design-language-system
by sgcarstrendsApply the professional Navy Blue colour scheme and design tokens. Use when styling components, charts, or ensuring colour consistency across the appli...
opengraph-images
by sgcarstrendsCreate dynamic OpenGraph images for social media sharing using Next.js ImageResponse API. Use when adding OG images to new pages, updating existing OG...
api-version
by sgcarstrendsManage API versioning strategy for Hono routes in apps/api/src/v1. Use when creating new API versions or migrating endpoints between versions.
framer-motion-animations
by sgcarstrendsCreate scroll-triggered and entrance animations using Framer Motion (motion package). Use when adding animations, implementing scroll reveals, or migr...
social-media
by sgcarstrendsAdd or update social media posting integrations (Discord, LinkedIn, Telegram, Twitter) in workflows. Use when adding new platforms, debugging posting ...
cache-components
by sgcarstrendsEnsure 'use cache' is used strategically to minimize CPU usage and ISR writes. Use when creating/modifying queries to verify caching decisions align w...
ui-design-system
by sgcarstrendsEnforce modern dashboard UI patterns with pill-shaped design, professional colour scheme, and typography standards. Use when building or reviewing UI ...
heroui-recommender
by sgcarstrendsRecommend appropriate HeroUI components for new features and ensure proper usage. Use when implementing new UI features or migrating from shadcn/ui to...
component-naming
by sgcarstrendsEnforce consistent React component naming conventions using domain + role patterns. Use when creating, reviewing, or refactoring components.
workflow-management
by sgcarstrendsCreate, debug, or modify QStash workflows for data updates and social media posting in the API service. Use when adding new automated jobs, fixing wor...
typography-spacing-enforcer
by sgcarstrendsEnforce Typography system and modern spacing conventions. Use when implementing new UI components to ensure design consistency with project standards.
component-tester
by sgcarstrendsRun Vitest tests for a specific component with coverage. Use when making changes to React components to ensure tests pass and coverage is maintained.
Discover More Agentic Skills
Browse our complete catalog of AI agent skills from developers worldwide.