tooyoung:neoblo-landing-page

Generates static landing pages with Neobrutalist design and Blobity cursor effects.

17|4|Updated Jan 25, 2026
One-click install
npx skills add https://github.com/shiqkuangsan/oh-my-daily-skills --skill tooyoung-neoblo-landing-page
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: tooyoung:neoblo-landing-page
Source: https://github.com/shiqkuangsan/oh-my-daily-skills/tree/main/skills/neoblo-landing-page
Command: npx skills add https://github.com/shiqkuangsan/oh-my-daily-skills --skill tooyoung-neoblo-landing-page

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the creation of visually striking, modern landing pages with a Neobrutalist design aesthetic, complete with interactive elements like a Blobity cursor.

Core Features & Use Cases

  • Neobrutalist Design System: Provides pre-defined CSS variables and component patterns for a consistent, edgy look.
  • Blobity Cursor Integration: Enhances user engagement with a dynamic, responsive cursor effect.
  • Interactive Components: Includes patterns for buttons, cards, navbars, and hero sections with hover and active states.
  • Responsive Design: Ensures pages look great on all devices.
  • Theme Toggling: Supports light and dark themes for accessibility and user preference.
  • Use Case: Quickly scaffold a product landing page that stands out, incorporating a unique design language and interactive elements without starting from scratch.

Quick Start

Use the neoblo-landing-page skill to generate a basic HTML structure for a landing page.

Frequently Asked Questions about tooyoung:neoblo-landing-page

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

FAQPage Schema
How do I build a neobrutalist landing page with a blobity cursor?

To build a neobrutalist landing page, use this Skill to generate static HTML structures with pre-defined CSS variables and interactive blobity cursor effects. It scaffolds hero sections, buttons, and cards with responsive layouts and theme toggling.

What is neobrutalism in web design and how does it apply to frontend development?

Neobrutalism in web design is an aesthetic featuring edgy, visually striking layouts with bold borders and contrasting colors. This Skill applies it to frontend development by providing pre-defined CSS variables and component patterns for marketing and product pages.

Can I use custom design tokens for neobrutalist CSS components?

Yes, you can use custom design tokens for neobrutalist CSS components. The Skill supports custom design tokens alongside pre-defined CSS variables, allowing you to maintain a consistent design language while adjusting interactive component patterns like buttons and cards.

Does the generated landing page support responsive design and theme toggling?

Yes, the generated landing page supports responsive design and theme toggling. It ensures pages look great on all devices by providing light and dark themes for accessibility and user preference out of the box.

What interactive components are included for frontend marketing pages?

The interactive components included for frontend marketing pages are navbars, buttons, cards, and hero sections. These patterns feature hover and active states, enhanced further by a dynamic blobity cursor effect for user engagement.