Build web pages and UI components with the Neuphorism design system.
npx skills add https://github.com/gahoccode/PRDs --skill neuphorism
Please help me install this Agent Skill. Skill: neuphorism Source: https://github.com/gahoccode/PRDs/tree/main/skills/neuphorism Command: npx skills add https://github.com/gahoccode/PRDs --skill neuphorism
This Skill introduces the Neuphorism design system — a soft, tactile neumorphic aesthetic that adds depth and tactility to UI using extruded and pressed shadows, muted surfaces, and refined typography. It helps teams achieve a calm, modern look with consistent tokens across apps.
Copy the starter tokens and starter HTML from assets/starter-template.html, then apply the CSS variables to your global stylesheet. Use references/components.md as a reference for component implementations.
High-intent search queries and answers about installing and using this skill.
Neumorphic design creates depth through extruded and pressed shadows on soft surfaces. Use the Neuphorism design system's starter tokens and CSS variables to apply muted palettes, precise typography, and shadow effects to your HTML, React, Vue, or Tailwind components.
Yes, Neuphorism is framework-agnostic. Apply CSS variables and design tokens to vanilla HTML/CSS, React, Vue, Tailwind, or any framework. Start with the starter template and reference component implementations in the documentation.
Neuphorism provides starter tokens, CSS variables for shadow and color effects, typography scales using Inter, border-radius patterns, dark-mode support, and sample component references. Copy the starter template into your project and adapt tokens to your needs.
Neuphorism includes CSS variable patterns that support dark mode. Toggle variable values between light and dark palettes to automatically adjust muted surfaces, shadow depths, and contrast while maintaining the soft neumorphic aesthetic.
Neuphorism's design system incorporates accessibility considerations through precise contrast ratios in muted palettes, typography scales, and spacing tokens. Refer to the component documentation to ensure proper color contrast and semantic markup in implementations.
Use Neuphorism's spacing scales and Inter typography tokens as CSS variables in your global stylesheet. Apply them consistently across components and pages to achieve the refined, calm aesthetic with precise proportions.
AngelP17Standardize UI design with Tailwind-based design tokens and component patterns.
otto-poblyshConvert UI styling into Tailwind CSS v4 design tokens and component variants.
mbelenmontoyaDocument Hará Match design tokens, component patterns, and Tailwind CSS v4 conventions.
tylerwindApply dual shadows, soft highlights, and typography rules for neumorphic UI styling.
