
Agentic Skills by sgcarstrends
mock-data
by sgcarstrends
Generate realistic mock data for testing using factories, fixtures, and Faker.js. Use when seeding test databases, creating test fixtures, or mocki...
schema-design
by sgcarstrends
Design or modify Drizzle ORM schemas with proper relationships, constraints, and indexes. Use when adding new tables, modifying existing schemas, o...
performance-profiling
by sgcarstrends
Profile application performance, identify bottlenecks, and optimize slow operations. Use when investigating performance issues, optimizing response...
e2e-testing
by sgcarstrends
Write and run end-to-end tests with Playwright for user flows, page interactions, and visual regression. Use when testing user journeys, ensuring U...
tailwind-config
by sgcarstrends
Update Tailwind CSS configuration, custom themes, and design tokens across packages. Use when adding new colors, spacing scales, or customizing the...
api-testing
by sgcarstrends
Write and run API tests with Vitest for endpoints, middleware, and integrations. Use when testing API functionality, request/response validation, e...
logo-management
by sgcarstrends
Manage car logo fetching, scraping, and Vercel Blob storage in the logos package. Use when updating logo sources, debugging brand name normalizatio...
data-seeding
by sgcarstrends
Create or update database seed scripts for development and testing environments. Use when setting up test data or initializing development databases.
coverage-analysis
by sgcarstrends
Analyze test coverage, generate reports, and identify untested code. Use when improving test coverage, ensuring code quality, or preparing for prod...
aws-monitoring
by sgcarstrends
Debug AWS resource issues, check Lambda logs, and monitor deployed services. Use when investigating production issues, checking CloudWatch logs, or...
github-actions
by sgcarstrends
Create and maintain GitHub Actions workflows for CI/CD, testing, deployment, and automation. Use when setting up pipelines, automating tasks, or co...
shadcn-components
by sgcarstrends
Add or customize shadcn/ui components in the shared UI package. Use when adding new components from shadcn registry or updating existing component ...
redis-cache
by sgcarstrends
Implement or debug Redis caching strategies using the centralized Upstash Redis client. Use when adding cache layers, debugging cache issues, or op...
env-config
by sgcarstrends
Manage environment variables across dev/staging/prod environments and SST config. Use when adding new secrets, updating environment-specific config...
chart-implementation
by sgcarstrends
Create or update interactive charts for car registration and COE data visualization. Use when adding new chart types, fixing chart bugs, or impleme...
sst-deployment
by sgcarstrends
Configure or update SST v3 infrastructure resources for AWS deployment. Use when adding new AWS resources, modifying Lambda configurations, or upda...
component-docs
by sgcarstrends
Generate or update component documentation with usage examples, props tables, and Storybook stories. Use when documenting new components or improvi...
ai-structured-output
by sgcarstrends
Generate type-safe AI content using Gemini structured output with Zod validation and Code Execution Tool. Use when building AI generation functions...
gemini-blog
by sgcarstrends
Configure or debug LLM blog post generation using Vercel AI SDK and Google Gemini. Use when updating blog generation prompts, fixing AI integration...
security-audit
by sgcarstrends
Audit code for security vulnerabilities (SQL injection, XSS, OWASP Top 10). Use when adding authentication logic, handling user input, or before pr...
heroui-components
by sgcarstrends
Add or customize HeroUI components in the web application. Use when implementing new UI features with HeroUI design system or updating component st...
biome-config
by sgcarstrends
Update Biome linting rules, formatting configs, and import organization settings. Use when adding new lint rules, customizing code style, or fixing...
deployment-rollback
by sgcarstrends
Rollback failed deployments, restore previous versions, and handle deployment emergencies. Use when deployments fail, bugs are discovered in produc...
package-audit
by sgcarstrends
Scan for security vulnerabilities using pnpm audit, Snyk, and automated tools. Use when checking security, before deployments, or resolving CVEs.
performance-opt
by sgcarstrends
Analyze and optimize application performance including bundle size, render performance, and API response times. Use when investigating slow pages o...
server-actions
by sgcarstrends
Create or update Next.js server actions for blog and analytics functionality. Use when adding form handlers, data mutations, or server-side logic i...
conventional-commits
by sgcarstrends
Generate conventional commit messages following the project's commitlint rules with proper scopes. Use when committing changes to ensure semantic v...
domain-management
by sgcarstrends
Configure domain routing and Cloudflare DNS for sgcarstrends.com and subdomains. Use when adding new services, updating domain patterns, or debuggi...
release-management
by sgcarstrends
Automate releases using semantic-release, create release notes, manage versions, and publish packages. Use when preparing releases, managing versio...
query-optimization
by sgcarstrends
Optimize database queries, add indexes, prevent N+1 queries, and improve query performance. Use when queries are slow, investigating database bottl...
mermaid-diagrams
by sgcarstrends
Create and maintain architecture diagrams using Mermaid syntax for system architecture, workflows, database schemas, and sequence diagrams. Use whe...
bundle-analysis
by sgcarstrends
Analyze and optimize JavaScript bundle size, identify large dependencies, and improve load times. Use when bundles are large, investigating perform...
readme-updates
by sgcarstrends
Maintain README files with setup instructions, features, tech stack, and usage examples. Use when updating project documentation, adding new featur...
error-tracking
by sgcarstrends
Track errors with CloudWatch Logs, implement structured logging, and monitor application health. Use when debugging production issues, investigatin...
changelog
by sgcarstrends
Generate and maintain CHANGELOG.md using semantic-release and conventional commits. Use when preparing releases, documenting changes, or reviewing ...
workspace-management
by sgcarstrends
Manage pnpm workspaces, add packages, configure dependencies, and organize monorepo structure. Use when adding new packages, restructuring workspac...
code-review
by sgcarstrends
Perform automated code reviews checking for security vulnerabilities, performance issues, and code quality. Use before creating PRs or when reviewi...
ai-structured-output
by sgcarstrends
Generate type-safe AI content using Gemini structured output with Zod validation and Code Execution Tool. Use when building AI generation functions...
api-testing
by sgcarstrends
Write and run API tests with Vitest for endpoints, middleware, and integrations. Use when testing API functionality, request/response validation, e...
api-version
by sgcarstrends
Manage 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 sgcarstrends
Debug AWS resource issues, check Lambda logs, and monitor deployed services. Use when investigating production issues, checking CloudWatch logs, or...
biome-config
by sgcarstrends
Update Biome linting rules, formatting configs, and import organization settings. Use when adding new lint rules, customizing code style, or fixing...
bundle-analysis
by sgcarstrends
Analyze and optimize JavaScript bundle size, identify large dependencies, and improve load times. Use when bundles are large, investigating perform...
cache-components
by sgcarstrends
Ensure 'use cache' is used strategically to minimize CPU usage and ISR writes. Use when creating/modifying queries to verify caching decisions alig...
changelog
by sgcarstrends
Generate and maintain CHANGELOG.md using semantic-release and conventional commits. Use when preparing releases, documenting changes, or reviewing ...
chart-implementation
by sgcarstrends
Create or update interactive charts for car registration and COE data visualization. Use when adding new chart types, fixing chart bugs, or impleme...
code-review
by sgcarstrends
Perform automated code reviews checking for security vulnerabilities, performance issues, and code quality. Use before creating PRs or when reviewi...
component-docs
by sgcarstrends
Generate or update component documentation with usage examples, props tables, and Storybook stories. Use when documenting new components or improvi...
component-naming
by sgcarstrends
Enforce consistent React component naming conventions using domain + role patterns. Use when creating, reviewing, or refactoring components.
component-tester
by sgcarstrends
Run 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 sgcarstrends
Generate conventional commit messages following the project's commitlint rules with proper scopes. Use when committing changes to ensure semantic v...
coverage-analysis
by sgcarstrends
Analyze test coverage, generate reports, and identify untested code. Use when improving test coverage, ensuring code quality, or preparing for prod...
data-seeding
by sgcarstrends
Create or update database seed scripts for development and testing environments. Use when setting up test data or initializing development databases.
dependency-upgrade
by sgcarstrends
Upgrade dependencies safely using pnpm catalog, checking for breaking changes, and testing upgrades. Use when updating packages, applying security ...
deployment-rollback
by sgcarstrends
Rollback failed deployments, restore previous versions, and handle deployment emergencies. Use when deployments fail, bugs are discovered in produc...
design-language-system
by sgcarstrends
Apply the professional Navy Blue colour scheme and design tokens. Use when styling components, charts, or ensuring colour consistency across the ap...
domain-management
by sgcarstrends
Configure domain routing and Cloudflare DNS for sgcarstrends.com and subdomains. Use when adding new services, updating domain patterns, or debuggi...
e2e-testing
by sgcarstrends
Write and run end-to-end tests with Playwright for user flows, page interactions, and visual regression. Use when testing user journeys, ensuring U...
env-config
by sgcarstrends
Manage environment variables across dev/staging/prod environments and SST config. Use when adding new secrets, updating environment-specific config...
error-tracking
by sgcarstrends
Track errors with CloudWatch Logs, implement structured logging, and monitor application health. Use when debugging production issues, investigatin...
framer-motion-animations
by sgcarstrends
Create scroll-triggered and entrance animations using Framer Motion (motion package). Use when adding animations, implementing scroll reveals, or m...
gemini-blog
by sgcarstrends
Configure or debug LLM blog post generation using Vercel AI SDK and Google Gemini. Use when updating blog generation prompts, fixing AI integration...
github-actions
by sgcarstrends
Create and maintain GitHub Actions workflows for CI/CD, testing, deployment, and automation. Use when setting up pipelines, automating tasks, or co...
heroui-components
by sgcarstrends
Add or customize HeroUI components in the web application. Use when implementing new UI features with HeroUI design system or updating component st...
heroui-recommender
by sgcarstrends
Recommend appropriate HeroUI components for new features and ensure proper usage. Use when implementing new UI features or migrating from shadcn/ui...
logo-management
by sgcarstrends
Manage car logo fetching, scraping, and Vercel Blob storage in the logos package. Use when updating logo sources, debugging brand name normalizatio...
mermaid-diagrams
by sgcarstrends
Create and maintain architecture diagrams using Mermaid syntax for system architecture, workflows, database schemas, and sequence diagrams. Use whe...
mock-data
by sgcarstrends
Generate realistic mock data for testing using factories, fixtures, and Faker.js. Use when seeding test databases, creating test fixtures, or mocki...
opengraph-images
by sgcarstrends
Create dynamic OpenGraph images for social media sharing using Next.js ImageResponse API. Use when adding OG images to new pages, updating existing...
package-audit
by sgcarstrends
Scan for security vulnerabilities using pnpm audit, Snyk, and automated tools. Use when checking security, before deployments, or resolving CVEs.
performance-opt
by sgcarstrends
Analyze and optimize application performance including bundle size, render performance, and API response times. Use when investigating slow pages o...
performance-profiling
by sgcarstrends
Profile application performance, identify bottlenecks, and optimize slow operations. Use when investigating performance issues, optimizing response...
query-optimization
by sgcarstrends
Optimize database queries, add indexes, prevent N+1 queries, and improve query performance. Use when queries are slow, investigating database bottl...
readme-updates
by sgcarstrends
Maintain README files with setup instructions, features, tech stack, and usage examples. Use when updating project documentation, adding new featur...
redis-cache
by sgcarstrends
Implement or debug Redis caching strategies using the centralized Upstash Redis client. Use when adding cache layers, debugging cache issues, or op...
release-management
by sgcarstrends
Automate releases using semantic-release, create release notes, manage versions, and publish packages. Use when preparing releases, managing versio...
schema-design
by sgcarstrends
Design or modify Drizzle ORM schemas with proper relationships, constraints, and indexes. Use when adding new tables, modifying existing schemas, o...
security-audit
by sgcarstrends
Audit code for security vulnerabilities (SQL injection, XSS, OWASP Top 10). Use when adding authentication logic, handling user input, or before pr...
server-actions
by sgcarstrends
Create or update Next.js server actions for blog and analytics functionality. Use when adding form handlers, data mutations, or server-side logic i...
shadcn-components
by sgcarstrends
Add or customize shadcn/ui components in the shared UI package. Use when adding new components from shadcn registry or updating existing component ...
social-media
by sgcarstrends
Add or update social media posting integrations (Discord, LinkedIn, Telegram, Twitter) in workflows. Use when adding new platforms, debugging posti...
sst-deployment
by sgcarstrends
Configure or update SST v3 infrastructure resources for AWS deployment. Use when adding new AWS resources, modifying Lambda configurations, or upda...
tailwind-config
by sgcarstrends
Update Tailwind CSS configuration, custom themes, and design tokens across packages. Use when adding new colors, spacing scales, or customizing the...
typography-spacing-enforcer
by sgcarstrends
Enforce Typography system and modern spacing conventions. Use when implementing new UI components to ensure design consistency with project standards.
ui-design-system
by sgcarstrends
Enforce modern dashboard UI patterns with pill-shaped design, professional colour scheme, and typography standards. Use when building or reviewing ...
workflow-management
by sgcarstrends
Create, debug, or modify QStash workflows for data updates and social media posting in the API service. Use when adding new automated jobs, fixing ...
workspace-management
by sgcarstrends
Manage pnpm workspaces, add packages, configure dependencies, and organize monorepo structure. Use when adding new packages, restructuring workspac...
dependency-upgrade
by sgcarstrends
Upgrade dependencies safely using pnpm catalog, checking for breaking changes, and testing upgrades. Use when updating packages, applying security ...
design-language-system
by sgcarstrends
Apply the professional Navy Blue colour scheme and design tokens. Use when styling components, charts, or ensuring colour consistency across the ap...
opengraph-images
by sgcarstrends
Create dynamic OpenGraph images for social media sharing using Next.js ImageResponse API. Use when adding OG images to new pages, updating existing...
api-version
by sgcarstrends
Manage 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 sgcarstrends
Create scroll-triggered and entrance animations using Framer Motion (motion package). Use when adding animations, implementing scroll reveals, or m...
social-media
by sgcarstrends
Add or update social media posting integrations (Discord, LinkedIn, Telegram, Twitter) in workflows. Use when adding new platforms, debugging posti...
cache-components
by sgcarstrends
Ensure 'use cache' is used strategically to minimize CPU usage and ISR writes. Use when creating/modifying queries to verify caching decisions alig...
ui-design-system
by sgcarstrends
Enforce modern dashboard UI patterns with pill-shaped design, professional colour scheme, and typography standards. Use when building or reviewing ...
heroui-recommender
by sgcarstrends
Recommend appropriate HeroUI components for new features and ensure proper usage. Use when implementing new UI features or migrating from shadcn/ui...
component-naming
by sgcarstrends
Enforce consistent React component naming conventions using domain + role patterns. Use when creating, reviewing, or refactoring components.
workflow-management
by sgcarstrends
Create, debug, or modify QStash workflows for data updates and social media posting in the API service. Use when adding new automated jobs, fixing ...
typography-spacing-enforcer
by sgcarstrends
Enforce Typography system and modern spacing conventions. Use when implementing new UI components to ensure design consistency with project standards.
component-tester
by sgcarstrends
Run 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.