firefrost-gaming/antigravity-skills-reference

Files

sickn33 2d3cfb40bb feat(skills): Add StyleSeed UI and UX skills (#479 )

Add 11 source-only StyleSeed skills covering UI setup, page and pattern
scaffolding, token management, accessibility review, UX flows,
microcopy, audits, and feedback states.

Also credit bitjaru/styleseed in the community contributors list so
source attribution matches the new source_repo metadata.

Fixes #478

Co-authored-by: sickn33 <sickn33@users.noreply.github.com>

2026-04-08 18:46:16 +02:00

2.8 KiB

Raw Blame History

name, description, category, risk, source, source_repo, source_type, date_added, author, tags, tools

name

description

UI Review

Overview

Part of StyleSeed, this skill audits UI code against the Toss seed's conventions instead of reviewing it as generic frontend work. It focuses on design-token discipline, component ergonomics, accessibility, mobile readiness, typography, and spacing consistency.

When to Use

Use when a component or page should follow the StyleSeed Toss design language
Use when reviewing a UI-heavy PR for consistency and design-system violations
Use when the output looks "mostly fine" but feels off in subtle ways
Use when you need a structured review with concrete fixes

Review Checklist

Design Tokens

no hardcoded hex colors when semantic tokens exist
no improvised shadow values when tokenized shadows exist
no arbitrary radius choices outside the system scale
no random spacing values that break the seed rhythm

Component Conventions

uses the project's class merge helper
supports className extension when appropriate
uses the agreed typing pattern
avoids wrapper components that only forward one class string
reuses existing primitives before inventing new ones

Accessibility

touch targets large enough for mobile
visible keyboard focus states
labels and aria-* attributes where needed
adequate color contrast
reduced-motion respect for animation

Mobile UX

no horizontal overflow
safe-area handling where relevant
readable text sizes
thumb-friendly interaction spacing
bottom nav or sticky actions do not obscure content

Typography and Spacing

uses the system type hierarchy
display and headings are not overly loose
body text remains readable
spacing follows the seed grid instead of arbitrary values

Output Format

Return:

A verdict: Pass, Needs Improvement, or Fail
A prioritized list of issues with file and line references when available
Concrete fixes for each issue
Any open questions where the design intent is ambiguous

Best Practices

Review against the seed, not against personal taste
Separate stylistic drift from real usability or accessibility bugs
Prefer actionable diffs over abstract criticism
Call out duplication when an existing component already solves the problem

2.8 KiB Raw Blame History