Enforce opinionated UI constraints for agent-enabled interface development.
npx skills add https://github.com/yogoism/YouTube-Obsidian --skill ui-skills-yogoism
Please help me install this Agent Skill. Skill: ui-skills Source: https://github.com/yogoism/YouTube-Obsidian/tree/main/.claude/skills/ui-skills Command: npx skills add https://github.com/yogoism/YouTube-Obsidian --skill ui-skills-yogoism
Provides opinionated constraints to guide UI work with agents, reducing inconsistency and rework while promoting accessibility and performance.
Review your UI work and apply these constraints to any component in scope
High-intent search queries and answers about installing and using this skill.
To enforce UI design constraints with agent-enabled interfaces, apply opinionated rules covering stack, components, interaction, animation, typography, layout, performance, and design decisions. This reduces inconsistency and rework while promoting accessibility.
Maintaining UI consistency with Tailwind CSS involves enforcing its defaults alongside accessible primitives and reusing existing project components. This guides interaction, animation, typography, layout, performance, and design decisions across all UI surfaces.
Setting up YAML frontmatter for UI development requires specifying a name and description, and recognizing optional scripts, references, or assets directories when present. This structures the constraints applied to components in scope.
Yes, this UI constraint approach works with motion/react for animations when needed. It encourages accessible primitives and reuses existing project components to guide interaction and animation decisions across the interface.
You need opinionated UI constraints for interface development when collaborating with agents to reduce inconsistency and rework. These constraints promote accessibility and performance across stack, components, interaction, typography, layout, and design.
When applying UI constraints to existing project components, the approach focuses on reusing those components rather than replacing them. It enforces Tailwind CSS defaults and accessible primitives, guiding decisions without dictating custom component architecture.
panicPaulDefine marimo notebooks as Python files with YAML frontmatter and cell definitions.
nathankoerschnerEnforce UI constraints for accessibility, performance, and design with Tailwind CSS, framer-motion, and Base UI.
JaivishChauhanCompose React UIs with Tailwind CSS and Framer Motion.
vercel-labsValidate animation durations, typography scale, and accessibility in Tailwind CSS projects.
