ric-gpt-taste
CommunityPremium frontend design engineering for high-end marketing pages.
Design & Creative#Tailwind CSS#frontend design#marketing page#GSAP motion#Python randomization#RIC workflow
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-densefor 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.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.