Design & media

Polsia Frontend Design

Try it

Design distinctive user-facing interfaces and avoid generic AI-generated visual patterns.

What it does

Design distinctive user-facing interfaces and avoid generic AI-generated visual patterns.

The skill document

Frontend Design Skill

Build distinctive UIs — avoid the generic "AI slop" aesthetic.

Rules

  • NEVER use Inter, Roboto, Arial, system-ui as primary fonts
  • Use distinctive fonts: Space Mono, Syne, Clash Display, Cabinet Grotesk, Satoshi, Fraunces
  • Avoid purple gradients on white — pick a real color palette
  • Use asymmetric layouts, not 3-card grids
  • Add micro-interactions and personality

Good Patterns

  • Bold typography with tight tracking
  • Unexpected accent colors
  • Generous whitespace with intentional density
  • Scroll animations on key content

Bad Patterns (avoid)

  • Hero → Features → Testimonials → CTA → Footer
  • Purple/blue gradient backgrounds
  • "AI-generated" card grids
  • Generic stock illustration style

Related skills

Polsia Agent SDK

Build autonomous AI features using the Polsia Agent API only; never call model providers directly for product AI.

3 installs

frontend-design-deslop

Produce distinctive, non-generic UI and design applications well, working strategy-first. Identify the project (landing page, SaaS app, dashboard, ecommerce, presentation, docs, portfolio...) and its positioning and personality, commit to brand adjectives, translate into a typography and color system, then apply the craft layer (layout, components and states, motion, iconography, imagery, dark mode and theming, accessibility), avoiding the AI-slop / Claude-esque default. This is both a de-slop and an expert app-design skill. Use this whenever building or styling any web frontend, app, dashboard, landing page, deck, or artifact, or when the user says "make it not look like AI", "de-slopify", "deslop", "less generic", "give it character", "design a UI for X", "design an app", "update DESIGN.md", or complains the output looks like every other AI site. Trigger even when the user just says "build a UI for X" without naming an aesthetic, because the default without this skill is slop.

6 installs

Design Guide

Frontend design, implementation, and production QA

DESIGN.md UI Designer

Use when designing or improving web, app, extension, community, course, video-ideation, marketing landing, SEO content hub, or public policy-page UI with a D...

7 installs

ia-frontend-design

Visual design and aesthetic direction for frontend interfaces. Use when building web pages, landing pages, dashboards, Next.js server components, or applications where visual identity matters. For React patterns and testing, use react-frontend.

27 installs