UI Craft

educlopez/ui-craft

Use for UI design and implementation work to avoid generic AI-looking interfaces. Provides anti-slop rules, a required discovery phase before coding, and guidance for layout, typography, color, motion, accessibility, dashboards, tables, landing pages, theming, and polish. Trigger when editing UI code or reviewing and refining components, pages, screens, layouts, animations, responsive behavior, or design systems.

Latest update at:

View on GitHub
npx skills add educlopez/ui-craft --skill ui-craft
459Stars24ForksRepository last pushed

About this Skill

Use for UI design and implementation work to avoid generic AI-looking interfaces. Provides anti-slop rules, a required discovery phase before coding, and guidance for layout, typography, color, motion, accessibility, dashboards, tables, landing pages, theming, and polish. Trigger when editing UI code or reviewing and refining components, pages, screens, layouts, animations, responsive behavior, or design systems.

Why we picked it

Summarized from the original educlopez/ui-craft SKILL.md by educlopez; the original upstream instructions were used.

What it helps with

  • Use this workflow when the task matches the original UI Craft instructions.

Before you use it

  • Read the original SKILL.md and referenced files in educlopez/ui-craft.

Sources & references

Original sources are linked below. Practical starting points are editorial suggestions from SkillHey.