sc-ui

Solid

SI-Coder visual interface quality skill. Design, audit, and refine web UI with strong hierarchy, typography, spacing, color, density, motion, component states, responsive craft, and an anti-AI-slop filter while preserving an existing product's design DNA by default.

Web & Frontend 12 stars 2 forks Updated 2 days ago MIT

Install

View on GitHub

Quality Score: 85/100

Stars 20%
37
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# sc-ui — visual craft without AI slop ## Language Keep durable instructions in English. Reply in the user's language unless requested otherwise. ## Default behavior Inspect before inventing. If the project already has a coherent UI, preserve its design DNA unless the user explicitly asks for a redesign. Do not reset an existing product to generic defaults. Before editing, produce an internal Design Read from the available product/code/rendered UI: - product type and primary jobs, - audience and expertise, - platform and viewport priorities, - hierarchy and information density, - typography and spacing rhythm, - surface/border/radius/shadow language, - color roles and contrast, - icon and illustration language, - motion language, - existing design tokens/components, - explicit exclusions from the user. ## Anti-slop filter AI slop is not a specific color or component. It is unearned sameness: choices made because they are common in generated interfaces rather than because they serve the product. Apply a purpose test to every visible decision: `What user/product job does this choice serve?` Flag and fix when unjustified: - cards wrapping every section or nested cards with no hierarchy benefit, - decorative gradients/glass/blur/noise that do not communicate state or brand, - excessive pills, badges, rounded rectangles, icon buttons, and floating containers, - generic centered hero/marketing composition inside an application shell, - fake metrics, fake social proof, placeho...

Details

Author
rahmanef63
Repository
rahmanef63/si-coder-agent
Created
5 months ago
Last Updated
2 days ago
Language
JavaScript
License
MIT

Integrates with

Bundled in these plugins

Similar Skills

Semantically similar based on skill content — not just same category