ric-gpt-taste

Community

Premium frontend design engineering for high-end marketing pages.

Authorlichong-a
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses the limitations of standard LLMs in frontend design, providing advanced motion, layout variance, and implementation discipline tailored for RIC workflows.

Core Features & Use Cases

  • Stricter GPT/Codex-Oriented Execution: Enhances premium frontend builds with advanced motion and layout variance.
  • RIC Workflows: Adheres to RIC local workflow constraints and utilizes Python-driven true randomization.
  • AIDA Structure & Spacing: Implements a highly creative, premium navigation bar and follows the AIDA framework for effective content presentation.
  • Hero Architecture: Ensures the hero section breathes with ultra-wide containers and adheres to the 2-line iron rule for optimal text flow.
  • Gapless Bento Grid: Prevents empty spaces in grids and employs Tailwind's grid-flow-dense for perfect interlocking of grid values.
  • Advanced GSAP Motion: Incorporates real GSAP for hover physics, scroll pinning, and image scale/fade scroll effects.
  • Component Arsenal: Offers diverse components like inline typography images, horizontal accordions, and feedback/testimonial carousels.
  • Content & Asset Guidelines: Provides instructions for creative backgrounds, image context, and professional formatting.

Quick Start

Generate a premium marketing page design using the ric-gpt-taste skill by executing the following command:

ric-gpt-taste design --prompt "create a high-end landing page for a new tech product"

Dependency Matrix

Required Modules

pythontailwindcssgsap

Components

scriptsreferencesassets

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: ric-gpt-taste
Download link: https://github.com/lichong-a/ric-skills/archive/main.zip#ric-gpt-taste

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.