FreeSkillLow riskv1.0.0

skeuomorphic-gradient-ui-5

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

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

Design Systems #aura #design-system #design-tokens #ui #feature #section #animated #bento

Browse topics and task labels

Prompt or reference Build Edit Redesign Critique Design Review Design system Features Text

Publisher: Meng To 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 skeuomorphic-gradient-ui-5 on the same input, pinned to v1.0.0.

Sample input

gpt-4.1-mini · temp 0.2

Restyle a generic product interface using Skeuomorphic Gradient UI.

Generic baseline

48/100

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

Skill-enhanced

88/100

- Treat Skeuomorphic Gradient UI as a constraint system, not a loose inspiration reference.
- Use the documented color roles consistently: primary #1A6AF0, secondary #000000, accent #E83925, background #F2F2F2, surface #191C21, text-primary #111827, text-secondary #4B5563, border #262626.
- 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 24px, control 23px, 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/skeuomorphic-gradient-ui-5/manifest.

curl -fsS -X POST https://skillforge.kairaxis.com/api/v1/skills/skeuomorphic-gradient-ui-5/install

Example prompts

Requests that put this skill to work.

Apply Skeuomorphic Gradient UI to a new landing page while preserving its design-token hierarchy
Restyle this dashboard using Skeuomorphic Gradient UI's palette, typography, and spacing
Audit this component set against the Skeuomorphic Gradient UI 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 24, 2026
Synced from Aura's public popular DESIGN.md collection (3de686c3028c9e26).

At a glance

Aura views: 116
Popularity score: 128
Evaluation: Registry example only
Last updated: Jul 24, 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 Meng To via Aura. Claim it to manage the listing after review.

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

skeuomorphic-gradient-ui-5

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

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

Publisher

Meng To 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