FreeSkillLow riskv1.0.0

portfolio-technical-system

Turn Portfolio - Technical System's palette, typography, spacing, radius, and composition rules into repeatable UI constraints.

A packaged design-system skill based on Portfolio - Technical System, 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 #cta #bento #charts

Browse topics and task labels

Prompt or reference Build Edit Redesign Critique Design Review Design system Features 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 portfolio-technical-system on the same input, pinned to v1.0.0.

Sample input

gpt-4.1-mini · temp 0.2

Restyle a generic product interface using Portfolio - Technical System.

Generic baseline

48/100

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

Skill-enhanced

88/100

- Treat Portfolio - Technical System 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: 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 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/portfolio-technical-system/manifest.

curl -fsS -X POST https://skillforge.kairaxis.com/api/v1/skills/portfolio-technical-system/install

Example prompts

Requests that put this skill to work.

Apply Portfolio - Technical System to a new landing page while preserving its design-token hierarchy
Restyle this dashboard using Portfolio - Technical System's palette, typography, and spacing
Audit this component set against the Portfolio - Technical System 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 (3365562707201d66).

At a glance

Aura views: 799
Popularity score: 850
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.

portfolio-technical-system

Turn Portfolio - Technical System's palette, typography, spacing, radius, and composition rules into repeatable UI constraints.

A packaged design-system skill based on Portfolio - Technical System, 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