Enforce Swiss Style UI constraints with Tailwind CSS and shadcn-svelte.
npx skills add https://github.com/dopiotrek/dotclaude --skill ui-skills-dopiotrek
Please help me install this Agent Skill. Skill: ui-skills Source: https://github.com/dopiotrek/dotclaude/tree/main/skills/frontend-design Command: npx skills add https://github.com/dopiotrek/dotclaude --skill ui-skills-dopiotrek
This Skill provides a set of opinionated constraints and principles to guide AI agents in building more consistent, accessible, and performant user interfaces.
/ui-skills, the agent will automatically apply the defined grid system, typography rules, and use of accent colors, ensuring a cohesive and professional look and feel.Apply these opinionated constraints to any UI work in this conversation.
High-intent search queries and answers about installing and using this skill.
To enforce a consistent design system with AI, you need a set of opinionated constraints that govern technical stack adherence, component usage, and interaction patterns. This ensures AI agents apply a specific design philosophy like Swiss Style for a cohesive look.
The best constraints for AI agents using Tailwind CSS dictate specific component usage, accessibility considerations, and performance optimizations. Applying strict interaction patterns and animation principles ensures high-quality, consistent frontend code generation.
Yes, this UI design skill works with shadcn-svelte components by enforcing technical stack adherence. It governs how these components should be used, ensuring accessibility considerations and interaction patterns align with the defined design philosophy.
To apply Swiss Style principles to an AI generated dashboard, invoke a constraint system that automatically defines the grid system, typography rules, and use of accent colors. This ensures the AI agent produces a cohesive and professional look.
Yes, you can set specific animation and performance boundaries for AI coding assistants by applying a governance skill. It dictates clear animation principles and performance optimizations to ensure generated user interfaces meet technical quality standards.
AbdullahMalik17Set up shadcn/ui components, forms, and dark mode in Next.js projects.
trevorbyrumAudit frontend code for design token violations and accessibility failures.
powxenvEnforce UI constraints for Tailwind CSS, animations, and accessibility.
gracefullightGenerate design-system documentation and design tokens with accessibility checks.