Detect a project's visual system and apply craft-oriented design guidance to interfaces.
npx skills add https://github.com/Nweremizu/ekklesia --skill ui-craft-nweremizu
Please help me install this Agent Skill. Skill: ui-craft Source: https://github.com/Nweremizu/ekklesia/tree/main/.junie/skills/ui-craft Command: npx skills add https://github.com/Nweremizu/ekklesia --skill ui-craft-nweremizu
UI Craft helps you avoid generic, AI-looking interfaces by applying a disciplined design process for layout, typography, color, motion, accessibility, and responsive behavior.
Use the ui-craft skill to review this screen and polish the interface so it feels intentional, accessible, and consistent with the project’s existing design system.
High-intent search queries and answers about installing and using this skill.
To make an AI-generated UI look professional, you need craft-oriented design guidance that improves layout, typography, color, motion, accessibility, and responsive behavior. This ensures the interface feels intentional and production-ready rather than generic.
To polish an existing dashboard, apply a review workflow that refines spacing, hierarchy, feedback states, and accessibility. This detects the project's existing visual system and improves overall interface consistency without fighting the codebase.
The best way to ensure interface accessibility and responsive layout is to apply design guardrails for state-handling, motion, and typography during the building phase. This produces interfaces that feel intentional and production-ready.
Yes, you can refine forms and tables without breaking your design system. The process detects the project's existing stack, tokens, and visual patterns before making decisions, ensuring refinements align with the current codebase.
Interface polish does not require specific design frameworks because it works by detecting the project's existing stack, tokens, and visual patterns. It applies craft-oriented guidance directly to your current setup.
Landing page motion design feels inconsistent when it lacks motion guardrails aligned with the project's visual system. Applying a disciplined design process ensures motion, feedback states, and theming feel intentional and accessible.
concept2cureGenerate CSS variable and Tailwind design tokens for light and dark modes.
aniweiTranslate design briefs into responsive HTML/CSS/JS frontend code.
LutimiEnforces design tokens, typography, layout, motion, and accessibility rules for frontend projects.
harlan-zwOrchestrate Nuxt UI v4+ frontend design workflows with phase-aware scaffolding and handoffs.
