skills.rest
bughq
bughqOFFICIAL
Explore all skills by this author →
GitHub

stacks-design-taste-codex

Generate high-variance frontend components for Stacks apps using stx and CSS scroll-driven animations.

2|Updated Jul 8, 2026
Search Tags:#design#frontend#animation#stacks#bento#stx#crosswind
One-click install
npx skills add https://github.com/bughq/bughq --skill stacks-design-taste-codex-bughq
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: stacks-design-taste-codex
Source: https://github.com/bughq/bughq/tree/main/.claude/skills/stacks-design-taste-codex
Command: npx skills add https://github.com/bughq/bughq --skill stacks-design-taste-codex-bughq

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill solves the problem of generic, low-variance AI-generated web interfaces by enforcing strict, award-level design engineering standards for landing pages and marketing sections.

Core Features & Use Cases

  • Deterministic Variance: Uses server-side seeding to ensure unique, non-repetitive layout architectures for every brief.
  • Scroll-Driven Motion: Implements high-intensity, deterministic motion using CSS view timelines instead of heavy JavaScript libraries.
  • AIDA Structure: Enforces a strict, high-contrast AIDA (Attention, Interest, Desire, Action) page flow with gapless bento grids and editorial typography.

Quick Start

Use the stacks-design-taste-codex skill to generate a high-variance landing page hero and bento grid for a new product launch.

Frequently Asked Questions about stacks-design-taste-codex

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

FAQPage Schema
How do I build a Stacks landing page with CSS scroll-driven animations?▼

This skill implements scroll-driven motion using CSS view timelines natively, completely eliminating the need for heavy JavaScript animation libraries and ensuring high-intensity, deterministic motion execution for premium Stacks frontend components.

What is the best way to generate high-variance bento grid layouts for web applications?▼

This skill applies server-side seeding to enforce deterministic layout variance, ensuring unique, non-repetitive architecture for every generated bento grid and preventing the generic, repetitive layouts typical of AI-generated interfaces.

Can I use Crosswind and stx for premium frontend engineering without external animation libraries?▼

Yes, this skill enforces zero-library motion by implementing deterministic scroll-driven animations natively through CSS view timelines, successfully eliminating dependencies on external JavaScript animation libraries while maintaining premium design standards.

Does this approach enforce AIDA structure for editorial marketing sections?▼

Yes, this skill enforces a strict, high-contrast AIDA page flow combined with gapless bento grids and editorial typography, ensuring high-conversion structural layouts for landing pages and marketing sections.

Related Skills

Explore More Design & Creative Skills→
wonderslifewonderslife
13

system-architect

Scaffold project structures and technology stacks with starter templates.

Community
Advanced
Aurora-AIAurora-AI
1

cinematographer

Transform static HTML into cinematic web experiences with GSAP, ScrollTrigger, and Lenis.

Community
Intermediate
truongnattruongnat

blockchain-pro

Guide Ethereum smart contract development and Web3 integration with Solidity.

Community
Advanced
AshesOfTheUndeadAshesOfTheUndead

gpt-taste

Generate frontend UI layouts with GSAP motion and AIDA structure.

Community
Advanced