ui-design
Supports interface design before implementation for web applications and mini programs. Covers visual direction, hierarchy, layout decisions, design specifications, and prototypes.
Your agent can do more. Find the skill that makes it happen.
Find your next superpower If you are an agent, refer to our llms.txt for full access.Supports interface design before implementation for web applications and mini programs. Covers visual direction, hierarchy, layout decisions, design specifications, and prototypes.
Uses UIZZE's library of more than 800,000 web and iOS screens to guide interface work. Covers UI and UX design, responsive layouts, design systems, redesigns, visual polish, and critique.
Provides tools for generating design tokens, documenting components, calculating responsive designs, and handing designs to developers. Supports consistent interfaces and design-development collaboration.
Supports designing, reviewing, and refactoring UI component libraries in React and Next.js. Covers responsive layouts, accessibility, theming, dark mode, design tokens, and component composition.
Analyzes reference screenshots and mockups to capture their visual design systems. Produces prompts for consistent interfaces and MVP UIs that match the reference aesthetics.
Generates and modifies Unity IMGUI editor code such as EditorWindows, custom Inspectors, PropertyDrawers, and OnGUI scripts. Use for IMGUI or OnGUI or maintaining existing IMGUI code.
Analyze a website page's UI for obvious oddities: the same information repeated multiple times (a phone number shown three times in the header, a '24/7' badge in two places, a bullet list restating the paragraph above it), duplicated or near-duplicate copy and sections, stray/orphaned text near CTAs, copy that doesn't match the business or section subject, placeholder text, overcrowded heroes, mis…
Searches UIZZE's library of more than 800,000 web and iOS screens for interface references. Supports research into comparable apps, user flows, navigation, components, layouts, and interaction states before design or redesign.
Provides opinionated, evolving constraints for agents building interfaces. Helps maintain coherence across many small UI elements.
Provides an entry point for UI-related work through the ui-skills CLI. Selects the smallest useful skill context for the task.
Обратное сопоставление: скриншот работающего UI → точное место в СУЩЕСТВУЮЩЕМ коде. Определение «существующий проект vs новый», извлечение якорей со скриншота (видимый текст, ключи i18n, иконки, структура), grep-стратегия поиска компонента, трассировка маршрута (Next.js App/Pages Router, React Router), вычисление конкретного контрола и его обработчика, разбор логики (состояние/стор, data-fetch, API), вывод как карта file:line + делегирование правки. Use когда по скриншоту на…
Creates interfaces using shadcn/ui components, Radix UI, and Tailwind CSS. Covers accessible components, responsive layouts, themes, dark mode, design systems, and canvas-based visual designs or posters.
Skills give your agent reusable instructions for a specific job. Pick one, read what it does, and bring it into your workflow.
A name only tells half the story. Search the full description and instructions to find the right fit.
Read the skill, visit its source, and see exactly what you’re adding to your agent.
Copy the install command from a skill page and run it in your project.
npx skillycli add owner/repo --skill name