ReddRadar
Agent skill
aica
Kelvin Garr's personal AICA brand identity and implementation framework. Use ONLY when building Kelvin's personal sites, portfolio, or AICA-branded projects. Features fixed visual identity (black glass + gold circuits + Space Grotesk) and Next.js 14 implementation guide. For client work with AICA methodology but their branding, use design-guide-updated instead.
Install this agent skill to your Project
npx add-skill https://github.com/AIBPM42/hodgesfooshee-site-spark/tree/main/.claude/skills/aica
SKILL.md
AICA Brand Skill
Overview
This skill contains Kelvin Garr's personal AICA brand identity and implementation framework. Use this skill ONLY when building projects for Kelvin's personal brand.
When to Use This Skill
Use AICA skill when:
- Building kelvingarr.com or AICA-branded sites
- Creating Kelvin's personal portfolio or projects
- Working on anything that should have THE AICA look (black glass + gold circuits)
- User explicitly says "use my AICA style" or "make it look like AICA"
DO NOT use this skill when:
- Building client work (use
design-guide-updatedinstead) - User wants their own brand colors/identity
- Creating generic UI components for other projects
Skill Structure
This skill contains two key references:
1. AICA Framework (references/aica-framework.md)
YOUR fixed visual identity:
- Matte Black Base:
#020203→#050608gradient - Black Glass Surfaces:
rgba(255,255,255,0.06-0.10)withbackdrop-blur-xl - Gold Circuit Accents: Primary
#F2B733, Secondary#E7A728 - Typography: Space Grotesk (headlines) + Inter (body)
- Materials: Glassforium logic, cinematic lighting, physics-based motion
- Non-negotiable design DNA
2. AICA Implementation Guide (references/aica-implementation-guide.md)
Technical implementation for AICA sites:
- Next.js 14 App Router structure
- Supabase database setup
- Framer Motion animations
- Component architecture
- Real functionality (newsletter, contact forms)
- SEO and performance optimization
Usage Instructions
When this skill is invoked:
- Read both reference files to understand the complete AICA system
- Apply the fixed visual identity (black glass + gold) - no variations
- Follow the technical stack for implementation (Next.js 14 + Supabase)
- Maintain the AICA ethos: Elite, cinematic, intelligent, alive
The AICA Standard
Every AICA project must pass the Four Pillars test:
- Intentional: Every element has a clear purpose
- Cinematic: Premium visual polish with depth and atmosphere
- Intelligent: Smart interactions, thoughtful UX
- Alive: Physics-based motion, responsive feedback
Quality Checklist
Before completing any AICA project, verify:
- Black glass + gold circuit aesthetic maintained throughout
- Space Grotesk + Inter fonts properly loaded
- Framer Motion animations are smooth and physics-based
- Mobile experience is flawless
- All forms have real functionality (not just UI)
- Performance is excellent (fast load, optimized images)
- Accessibility standards met (WCAG AA)
- Design feels elite, cinematic, and purposeful
- Would a high-end exec say "Damn, this is clean"?
Key Distinction
AICA skill = "Make it look like THIS" (fixed identity) design-guide-updated = "Make it look like THEIRS, but with your caliber" (methodology, their brand)
This is YOUR brand. These colors, these materials, this identity - non-negotiable.
References
- AICA Framework - Visual identity and design DNA
- AICA Implementation Guide - Technical stack and build process
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
AIBPM42/hodgesfooshee-site-spark
lead-hunter
Self-improving AI system for distressed property lead generation. Monitors performance, spawns specialized skills to fix bottlenecks, runs A/B tests, and continuously optimizes lead conversion. Use when building or optimizing lead generation workflows, analyzing pipeline metrics, or creating automated lead intelligence systems.
AIBPM42/hodgesfooshee-site-spark
data-strategy-architect
AIBPM42/hodgesfooshee-site-spark
idea-validator
Provides brutally honest, rapid validation of app and product ideas before the user invests time building. Use when the user wants feedback on an app concept, startup idea, product feature, or side project to assess market viability, demand, feasibility, and monetization potential. Triggers include phrases like "what do you think of this idea," "should I build," "validate this concept," "is this worth building," or when the user describes an app/product concept and seems to want honest feedback.
AIBPM42/hodgesfooshee-site-spark
marketing-writer
Create marketing content optimized for both human readers and LLM discovery (GEO/AEO). Use when the user needs to write or improve marketing materials including landing page copy, tweet threads, launch emails, blog posts, or feature announcements. Automatically analyzes the user's codebase to understand product features and value propositions. Applies casual, direct brand voice and Generative Engine Optimization principles to maximize visibility in AI search results.
AIBPM42/hodgesfooshee-site-spark
database-architect-role
Role assignment for Claude Agent
AIBPM42/hodgesfooshee-site-spark
skill-forge
Advanced meta-skill for generating complete, production-ready skills for any domain. Use when the user wants to create a new skill, needs help designing a skill, wants to generate specialized skills for specific workflows, or requests "make me a skill for X". Automatically analyzes requirements, designs optimal skill architecture, generates all resources (scripts/references/assets), validates output, and packages distributable .skill files. Handles technical skills (API integrations, file processing), domain expertise skills (finance, legal, medical), workflow skills (multi-step processes), and creative skills (writing, design, content generation).
Didn't find tool you were looking for?