FreeSkillLow riskv1.0.0

voltui-lightning-react-component

Turn VoltUI - Lightning React Component's palette, typography, spacing, radius, and composition rules into repeatable UI constraints.

A packaged design-system skill based on VoltUI - Lightning React Component, 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: Sourany 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 voltui-lightning-react-component on the same input, pinned to v1.0.0.

Sample input

gpt-4.1-mini · temp 0.2

Restyle a generic product interface using VoltUI - Lightning React Component.

Generic baseline

48/100

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

Skill-enhanced

88/100

- Treat VoltUI - Lightning React Component as a constraint system, not a loose inspiration reference.
- Use the documented color roles consistently: primary #3B82F6, secondary #60A5FA, accent #60A5FA, background #172554, surface #DBEAFE, text-primary #FFFFFF, text-secondary #A1A1AA, border #27272A.
- Preserve the type hierarchy: display-lg: Inter, 64px, weight 500, line-height 1.04; body-md: JetBrains Mono, 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 7px, control 11px, 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/voltui-lightning-react-component/manifest.

curl -fsS -X POST https://skillforge.kairaxis.com/api/v1/skills/voltui-lightning-react-component/install

Example prompts

Requests that put this skill to work.

Apply VoltUI - Lightning React Component to a new landing page while preserving its design-token hierarchy
Restyle this dashboard using VoltUI - Lightning React Component's palette, typography, and spacing
Audit this component set against the VoltUI - Lightning React Component 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 23, 2026
Synced from Aura's public popular DESIGN.md collection (4eb866fdedea939d).

At a glance

Aura views: 240
Popularity score: 252
Evaluation: Registry example only
Last updated: Jul 23, 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 Sourany Phomhome via Aura. Claim it to manage the listing after review.

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

voltui-lightning-react-component

Turn VoltUI - Lightning React Component's palette, typography, spacing, radius, and composition rules into repeatable UI constraints.

A packaged design-system skill based on VoltUI - Lightning React Component, providing reusable visual constraints for AI-generated product interfaces without bundling the original preview HTML.

Publisher

Sourany 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