本文へ移動
cccskills
無料GitHub で公開

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.

skillmds/skillmd
インストール方法を見る

含まれるファイル（2）

  • SKILL.md3.5 KB
  • metadata.json831 B

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-updated instead)
  • 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 → #050608 gradient
  • Black Glass Surfaces: rgba(255,255,255,0.06-0.10) with backdrop-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:

  1. Read both reference files to understand the complete AICA system
  2. Apply the fixed visual identity (black glass + gold) - no variations
  3. Follow the technical stack for implementation (Next.js 14 + Supabase)
  4. Maintain the AICA ethos: Elite, cinematic, intelligent, alive

The AICA Standard

Every AICA project must pass the Four Pillars test:

  1. Intentional: Every element has a clear purpose
  2. Cinematic: Premium visual polish with depth and atmosphere
  3. Intelligent: Smart interactions, thoughtful UX
  4. 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

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

ログインしてレビューを書く

同じリポジトリのスキル

概要と使いどころ

academic-pptx

無料

Use this skill whenever the user wants to create or improve a presentation for an academic context — conference papers, seminar talks, thesis defenses, grant briefings, lab meetings, invited lectures, or any presentation where the audience will evaluate reasoning and evidence. Triggers include: 'conference talk', 'seminar slides', 'thesis defense', 'research presentation', 'academic deck', 'academic presentation'. Also triggers when the user asks to 'make slides' in combination with academic content (e.g., 'make slides for my paper on X', 'create a presentation for my dissertation defense', 'build a deck for my grant proposal'). This skill governs CONTENT and STRUCTURE decisions. For the technical work of creating or editing the .pptx file itself, also read the pptx SKILL.md.

日本語の概要は準備中です。原文の説明を表示しています。

skillmds/skillmd712026年10月9日 更新

adp

無料

Redpanda's Agentic Data Plane: governance infrastructure for building, running, and governing AI agents and MCP servers, plus a proxying AI Gateway for LLM providers, operated via `rpk ai` and the ADP API. Use when creating or managing AI agents (managed or self-managed) via `rpk ai agent` or `AgentRegistryService`; configuring MCP servers (remote or managed catalog, code mode, auth); setting up LLM providers or querying models via `rpk ai llm`/`rpk ai model` or the AI Gateway proxy; or configuring budgets, guardrails, or Cedar access-control policies through the governance APIs. Also covers reading agent transcripts and spending insights, and wiring OAuth clients or providers to the aigw Authorization Server. For the separate rpk cloud mcp control-plane MCP server, see `/redpanda:rpk-cloud`.

日本語の概要は準備中です。原文の説明を表示しています。

skillmds/skillmd712026年10月9日 更新

ads

無料

Operate professional paid advertising across Google, Meta, YouTube, LinkedIn, TikTok, Microsoft, Apple, Amazon, Reddit, Pinterest, Snapchat, and X. Use for account intake, source-grounded audits, strategy, budget and measurement planning, creative production, experiments, reporting, monitoring, and explicitly approved campaign changes. Also trigger on PPC, paid social, retail media, attribution, tracking, landing pages, cross-platform conversion totals, negative keywords or search terms, beta-feature scoring, stale platform claims, API-token or credential setup, campaign deletion, and safe Claude Ads installation or uninstall.

日本語の概要は準備中です。原文の説明を表示しています。

skillmds/skillmd712026年10月9日 更新

ads-apple

無料

Audit Apple Ads measurement, AdServices and AdAttributionKit, campaign and keyword structure, Search Match, App Store placements, custom product pages, bidding, budgets, MMP reconciliation, and policy. Use for Apple Ads, Apple Search Ads, App Store ads, Search Match, custom product pages, AdServices, or Apple app-install campaigns.

日本語の概要は準備中です。原文の説明を表示しています。

skillmds/skillmd712026年10月9日 更新

ads-competitor

無料

Research competitor paid-ad presence, messaging, creative, formats, landing pages, keyword and auction signals, transparent ad libraries, and strategic gaps across supported platforms. Use for competitor ads, ad libraries, ad spy, competitive PPC analysis, competitor creative, Google Ads Transparency, Meta Ad Library, or paid-media competitor research.

日本語の概要は準備中です。原文の説明を表示しています。

skillmds/skillmd712026年10月9日 更新

ads-dna

無料

Extract a public-safe brand and offer profile for paid advertising from an authorized website and operator input. Triggers on: brand DNA, brand profile, brand identity, brand style, brand colors, brand voice, visual identity, style guide, website brand analysis.

日本語の概要は準備中です。原文の説明を表示しています。

skillmds/skillmd712026年10月9日 更新

skillmds のスキルをすべて見る

このスキルの問題を報告する