Enforce metric-driven UI/UX rules for React and Next.js interfaces.
npx skills add https://github.com/EliasOulkadi/shokunin --skill taste-eliasoulkadi
Please help me install this Agent Skill. Skill: taste Source: https://github.com/EliasOulkadi/shokunin/tree/main/.pack/skills/taste Command: npx skills add https://github.com/EliasOulkadi/shokunin --skill taste-eliasoulkadi
Taste helps you avoid sloppy, templated UI decisions by enforcing metric-based layout, typography, motion, accessibility, and dependency-verified frontend engineering rules.
Ask the agent to produce a React/Next.js UI design and implementation plan that follows the taste rules, including dependency verification, metric-based spacing, and all required UI states for the specified screen.
High-intent search queries and answers about installing and using this skill.
Bias-resistant UI design enforces metric-driven layout rules, anti-center bias variance, and deterministic styling to prevent generic templated React component outputs. It isolates interactive motion as leaf client components for consistent frontend architecture.
Performance-safe motion in a Next.js design system requires GPU-safe transform and opacity constraints, strict prefers-reduced-motion handling, and complete loading, empty, error, and success UI states. This ensures accessible frontend architecture.
Typography and color calibration for dashboards uses OKLCH preference, neutral tinted neutrals, and a single controlled accent. This approach bans display-font anti-patterns to ensure clear, accessible interface rendering.
Dependency verification is required before importing libraries into your React UI architecture. This process enforces version-safe Tailwind styling and prevents performance degradation or conflicts within your design system.
Complete UI state design requires explicitly defining loading, empty, error, and success states. AI generated UI often lacks these states unless strictly mandated by metric-driven frontend architecture rules.
giuseppe-trisciuoglioIntegrate shadcn/ui components in React/Next.js projects with Tailwind CSS.
ll1llkManage token-based UI design and generate slides with design tokens.
endo-lyDefine UI typography, color, spacing, and motion rules for React/Next.js music theory components.
ChildoftheVibeEnforce metric-driven design standards for frontend UI creation.
