skills.rest
AIBPM42
AIBPM42COMMUNITY
Explore all skills by this author →
GitHub

aica

Applies the AICA branding and implementation framework to Kelvin's personal brand projects using specified Next.js 14, Supabase, and Framer Motion architecture.

Updated Aug 27, 2026
Search Tags:#branding#design system#Next.js#brand identity#aica#cinematic UI
One-click install
npx skills add https://github.com/AIBPM42/hodgesfooshee-site-spark --skill aica
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: aica
Source: https://github.com/AIBPM42/hodgesfooshee-site-spark/tree/main/.claude/skills/aica
Command: npx skills add https://github.com/AIBPM42/hodgesfooshee-site-spark --skill aica

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill contains Kelvin Garr's personal AICA brand identity and implementation framework. Use this skill ONLY when building Kelvin's personal brand projects to ensure a fixed visual identity (black glass + gold circuits) and Next.js 14 implementation guidance. For client work with AICA branding, use design-guide-updated instead.

Core Features & Use Cases

  • Fixed identity: Enforces the AICA look across projects (black glass + gold circuits)
  • Implementation guidance: Next.js 14 App Router structure, Supabase integration, Framer Motion patterns
  • Reference-driven: Includes AICA Framework and AICA Implementation Guide to ensure consistency

Quick Start

Apply the AICA identity to Kelvin's brand site using the AICA references and bootstrap a Next.js 14 App Router project.

Frequently Asked Questions about aica

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I apply a consistent brand identity across Next.js 14 projects?▼

AICA provides a fixed visual identity framework (black glass + gold circuits) with Next.js 14 App Router implementation guidance, Supabase integration, and Framer Motion patterns to enforce consistent branding across Kelvin's personal brand projects, including kelvingarr.com and personal portfolios.

What's included in the AICA implementation framework?▼

The framework includes design system guidelines for the AICA black glass and gold circuits aesthetic, Next.js 14 App Router structure, Supabase backend setup, Framer Motion animation patterns, typography and motion language standards, plus accessibility and performance criteria.

Can I use AICA branding for client work?▼

No. AICA is designed only for Kelvin Garr's personal brand projects. For client work with AICA branding, use the design-guide-updated Skill instead to maintain appropriate separation between personal and commercial implementations.

How do I bootstrap a Next.js 14 project with the AICA identity?▼

Use the AICA references and implementation guide to set up a Next.js 14 App Router project, apply the black glass + gold circuits visual system, configure Supabase integration, and implement Framer Motion animations following the framework's guidelines.

Does AICA include animation and motion guidelines?▼

Yes. AICA specifies Framer Motion patterns and a motion language designed for cinematic UI, ensuring animations align with the brand identity and accessibility standards across personal brand projects.

Related Skills

Explore More Design & Creative Skills→
gauravb4875-uxgauravb4875-ux

branding-generator

Generate brand identity kits with logos, color palettes, typography, and naming.

Community
Advanced
vasilyu1983vasilyu1983
73

ai-llm-engineering

Automate design and deployment of production-grade AI agents.

Community
Advanced
Dzakiamriz22Dzakiamriz22
1

page-transitions

Implement Framer Motion route transitions and shared element animations in Next.js App Router.

Community
Intermediate
Cissou34730Cissou34730

brand-guidelines

Apply Anthropic brand colors and typography to documents and UI components.

Community
Basic