agentsclimarketplace
Sign in

Nean styleguide

Skill edfenton/claude-skills/nean/nean-styleguide

Design and UI style guide for NEAN web apps. Premium consumer aesthetic.From its SKILL.md

Install
npx -y skills add edfenton/claude-skills --skill nean-styleguide

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

  • 2 stars2 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

SKILL.md

1.3 KB, 256 tokens by cl100k_base, as published. Nobody here has run it

Purpose

Enforce design quality and brand differentiation. Complements security, NFR, and coding standards skills.

For brand identity (colors, fonts, design direction, anti-patterns), see /shared-brand.

PrimeNG customization

  • Never use default PrimeNG themes unchanged
  • Customize theme via CSS variables or custom SCSS
  • Ensure components match brand aesthetic
  • Override default spacing and typography

NEAN-specific anti-patterns

  • Default PrimeNG examples shipped unchanged
  • Template SaaS layouts with no variation

Requirements

Responsive

  • Mobile, tablet, desktop, large desktop
  • Layouts adapt intentionally, not merely shrink
  • Navigation patterns may change by breakpoint
  • PrimeNG responsive utilities + Tailwind breakpoints

Accessibility

  • WCAG 2.1 AA minimum
  • Keyboard navigation with visible focus states
  • Respect prefers-reduced-motion
  • Proper ARIA labels on interactive elements
  • PrimeNG components are accessible by default; don't break this

Browser support

  • Chrome, Safari (including iOS), Firefox, Edge (latest)
  • Mobile Safari mandatory; no Chromium-only behavior

Reference

For semantic tokens, breakpoints, and detailed patterns, see reference/nean-styleguide-reference.md

What ships with it: 1 file

9.9 KB alongside SKILL.md

reference/

Keep looking

Skills are one crate of 326,736. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.