FreeSkillLow riskv1.0.0

fluid-gradient-hero

Turn Fluid Gradient Hero's palette, typography, spacing, radius, and composition rules into repeatable UI constraints.

A packaged design-system skill based on Fluid Gradient Hero, providing reusable visual constraints for AI-generated product interfaces without bundling the original preview HTML.

Design Systems #aura #design-system #design-tokens #ui #pricing #section #animated #cta #billing

Browse topics and task labels

Prompt or reference Build Edit Redesign Critique Design Review Design system Pricing Call to action Text

Publisher: Sourasith Phomhome via Aura
Source: Aura DESIGN.md
Category: Design Systems

Overview

Who it is for: Designers and builders who want an explicit visual system for AI-generated interfaces.
Not intended for: Pixel-identical recreation of the original Aura preview or unreviewed production brand replacement.
Export formats: codex_skill, markdown_export
TASTE domain: ui_ux_taste

Sandbox comparison

Generic baseline vs fluid-gradient-hero on the same input, pinned to v1.0.0.

Sample input

gpt-4.1-mini · temp 0.2

Restyle a generic product interface using Fluid Gradient Hero.

Generic baseline

48/100

Use a polished modern layout with a generic gradient, rounded cards, and standard typography.

Skill-enhanced

88/100

- Treat Fluid Gradient Hero as a constraint system, not a loose inspiration reference.
- Use the documented color roles consistently: primary #6D5DFB, secondary #18181B, accent #6D5DFB, background #0F1115, surface #18181B, text-primary #FFFFFF, text-secondary #A1A1AA, border #27272A.
- Preserve the type hierarchy: display-lg: Inter, 64px, weight 500, line-height 1.04; body-md: Inter, 16px, weight 400, line-height 1.6; label-md: JetBrains Mono, 12px, weight 600, line-height 1.2.
- Keep the spacing rhythm anchored to: base 8px, gap 16px, card-padding 24px, section-padding 80px.
- Use the declared corner system: card 8px, control 8px, pill 9999px.
- Preserve the source hierarchy, density, component geometry, and responsive stacking before adapting copy.
- Keep motion and atmospheric effects secondary to readability, accessibility, and interface performance.
- Do not flatten distinctive compositions into a generic SaaS card grid.

Rubric

+40 lift

Token fidelity1 5

Visual hierarchy3 5

Composition distinctiveness2 4

Responsive discipline2 4

Assumptions

The target interface can load compatible fonts or approved substitutes
The design system is adapted with accessibility and brand review

Runs on registry sample cases through the shared, deterministic sandbox engine.

Usage

01Review the quality signals, limitations, and permissions on this page.
02Inspect upstream content and license before loading a package.
03Apply relevant guidance within your requested scope and verify the result.
04Agents can also read the machine-readable contract at /api/v1/skills/fluid-gradient-hero/manifest.

curl -fsS -X POST https://skillforge.kairaxis.com/api/v1/skills/fluid-gradient-hero/install

Example prompts

Requests that put this skill to work.

Apply Fluid Gradient Hero to a new landing page while preserving its design-token hierarchy
Restyle this dashboard using Fluid Gradient Hero's palette, typography, and spacing
Audit this component set against the Fluid Gradient Hero design-system constraints

Limitations

The package includes extracted design tokens and operating guidance, not Aura's original HTML preview.
Typography availability, accessibility, and brand fit must be verified in the target product.
Source popularity is a discovery signal, not evidence of conversion performance.

Version history

v1.0.0CurrentJul 25, 2026
Synced from Aura's public popular DESIGN.md collection (e3195ee1b78585a4).

At a glance

Aura views: 505
Popularity score: 556
Evaluation: Registry example only
Last updated: Jul 25, 2026
Version: 1.0.0

Evidence

Source metadata and registry examples. Content and outcome quality require review.

Package validated
Benchmark tested
Taste calibrated
Creator reviewed

Permissions

Read filesNot needed
Write filesNot needed
Web accessNot needed
API accessNot needed
MCP accessNot needed
Code executionNot needed
External actionsNot needed

Environment fit

Runtime compatibility has not been verified.

Resources

Own this skill?

It is listed under Sourasith Phomhome via Aura. Claim it to manage the listing after review.

False claims may result in permanent bans. Ownership transfer is never automatic.

fluid-gradient-hero

Turn Fluid Gradient Hero's palette, typography, spacing, radius, and composition rules into repeatable UI constraints.

A packaged design-system skill based on Fluid Gradient Hero, providing reusable visual constraints for AI-generated product interfaces without bundling the original preview HTML.

Publisher

Sourasith Phomhome via Aura

Source

Aura DESIGN.md

Overview

Generic baseline

Skill-enhanced

Rubric

Assumptions

Usage

Example prompts

Limitations

Version history

Related skills

auralis-neural-audio-engine

auralis-neural-audio-engine-2

neurosync-master-your-mind

Overview

Generic baseline

Skill-enhanced

Rubric

Assumptions

Usage

Example prompts

Limitations

Version history

Related skills

auralis-neural-audio-engine

auralis-neural-audio-engine-2

neurosync-master-your-mind