herget/algarvesimracing-web
/SKILL.md
# Algarve SimRacing Web Project Skill ## Project Overview - **Repo**: https://github.com/macmagic-ai/algarvesimracing-web - **Live URL**: https://macmagic-ai.github.io/algarvesimracing-web - **Framework**: Next.js 14 with static export - **Base Path**: `/algarvesimracing-web` (GitHub Pages) ## Key Technical Details ### Base Path Handling - Use `bp()` helper from `@/lib/utils` for ALL asset paths - `bp()` hardcoded to `/algarvesimracing-web` (not using env var to avoid hydration issues) - Imag
$ install --global
skillsauthnpx skillsauth add herget/algarvesimracing-web algarvesimracing-webInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 24, 2026, 7:30 AM289.7s18 files scanned
SKILL.md
Algarve SimRacing Web Project Skill
Project Overview
- Repo: https://github.com/macmagic-ai/algarvesimracing-web
- Live URL: https://macmagic-ai.github.io/algarvesimracing-web
- Framework: Next.js 14 with static export
- Base Path:
/algarvesimracing-web(GitHub Pages)
Key Technical Details
Base Path Handling
- Use
bp()helper from@/lib/utilsfor ALL asset paths bp()hardcoded to/algarvesimracing-web(not using env var to avoid hydration issues)- Images in data files should NOT use
bp()- apply it in components only - Use regular
<img>tags (not Next.js Image) for client-side rendered images to avoid hydration mismatches
Design System
- Primary Color:
#FF3131(red) - Secondary:
#FF8A00(orange) - Font Heading: Rajdhani (500, 600, 700)
- Font Body: Space Grotesk
- Theme: Light mode only (dark mode disabled)
Logo Assets
- Color logo:
/assets/asr-logo-color.svg - White logo:
/assets/asr-logo-white.svg(for dark mode if re-enabled) - Favicons: Generated from SVG at multiple sizes (16x16, 32x32, 48x48, etc.)
Navigation Structure
- Home
- Simulators
- Gallery
- Pricing
- FAQ
- Community
- About
- Contact
Page Titles
- Home: "Portugal's Premier Sim Racing Experience"
- Others: "{Page} | Algarve SimRacing"
Important Files
src/lib/utils.ts-bp()helper andcn()for class mergingsrc/data/site.ts- Navigation links, contact infosrc/data/instagram.ts- Instagram posts datasrc/data/driver-stories.ts- Driver stories datanext.config.js- Base path and export config
Build & Deploy
npm run build # Creates static export in `out/`
npm run deploy # Deploys to gh-pages branch
Common Issues
- Image paths: Always use
bp()in components, not in data files - Hydration errors: Use regular
<img>for client components - Favicon distortion: Must be square - generate from SVG
- Logo size: Current size is h-16 (64px) - adjust as needed
Content Guidelines
- Use real Instagram posts from @algarvesimracing
- Use real driver names and stories from actual customers
- All photos should be from actual ASR sessions/events
Owner Preferences (Gabor)
- Verify visually after each change
- Use real content, not fake/generated
- Logo should be prominent in navbar
- Light mode only (no dark mode for now)
Related Skills
openclaw/taskflow
tools
VerifiedTrustedCommunity
Use when work should span one or more detached tasks but still behave like one job with a single owner context. TaskFlow is the durable flow substrate under authoring layers like Lobster, ACPX, plugins, or plain code. Keep conditional logic in the caller; use TaskFlow for flow identity, child-task linkage, waiting state, revision-checked mutations, and user-facing emergence.
357,764SKILL.mdUpdated Apr 10, 2026
openclaw/extensions/lobster
tools
VerifiedTrustedCommunity
# Lobster Lobster executes multi-step workflows with approval checkpoints. Use it when: - User wants a repeatable automation (triage, monitor, sync) - Actions need human approval before executing (send, post, delete) - Multiple tool calls should run as one deterministic operation ## When to use Lobster | User intent | Use Lobster? | | ------------------------------------------------------ | --------------------------
357,764SKILL.mdUpdated Apr 10, 2026
steipete/extensions/lobster
tools
VerifiedTrustedCommunity
# Lobster Lobster executes multi-step workflows with approval checkpoints. Use it when: - User wants a repeatable automation (triage, monitor, sync) - Actions need human approval before executing (send, post, delete) - Multiple tool calls should run as one deterministic operation ## When to use Lobster | User intent | Use Lobster? | | ------------------------------------------------------ | --------------------------
357,588SKILL.mdUpdated Apr 13, 2026
steipete/xurl
tools
VerifiedTrustedCommunity
A CLI tool for making authenticated requests to the X (Twitter) API. Use this skill when you need to post tweets, reply, quote, search, read posts, manage followers, send DMs, upload media, or interact with any X API v2 endpoint.
356,423SKILL.mdUpdated Apr 13, 2026