Establish design tokens and enforce anti-slop rules for UI implementation.
npx skills add https://github.com/caiohbfurtado/apac-web --skill ui-craft-caiohbfurtado
Please help me install this Agent Skill. Skill: ui-craft Source: https://github.com/caiohbfurtado/apac-web/tree/main/.agents/skills/ui-craft Command: npx skills add https://github.com/caiohbfurtado/apac-web --skill ui-craft-caiohbfurtado
This Skill prevents generic, AI-generated interface designs by enforcing rigorous design principles, token-based systems, and anti-slop rules to ensure every UI component feels intentional and polished.
Run the ui-craft skill to initiate the discovery phase and establish the design tokens for the current project.
High-intent search queries and answers about installing and using this skill.
Prevent generic AI-generated UI designs by applying anti-slop guardrails and enforcing rigorous design principles during component implementation. This ensures every interface element feels intentional and avoids common pitfalls like identical card grids or excessive gradients.
The best way to build a cohesive design system with Tailwind is to establish token-based styling through a mandatory discovery phase. Defining design tokens and style preferences before writing code ensures layout, typography, and motion align perfectly across web applications.
Ensure accessibility compliance when building frontend interfaces by applying a structured Polish Pass and review methodology. This framework enforces specific accessibility rules during component refinement, guaranteeing high-quality and accessible web applications.
Yes, this UI design framework supports motion performance optimization by establishing an animation stack during the discovery phase. It ensures motion aligns with a cohesive design system while maintaining high performance across web applications.
You need a discovery phase before implementing web application components when starting a new project like a dashboard or landing page. This phase establishes design tokens, style preferences, and animation stacks to prevent generic templates and ensure a cohesive design system.
duggal1Collect project design context and persist guidelines to the AI config file.
Daiwik-ChilukuriAudit UI alignment, spacing, typography, color, interactions, and responsiveness.
mklozImplement Tailwind CSS v4 design systems with design tokens and theming.
mustafazeydaniCreate distinctive web interfaces using HTML, CSS, and JavaScript.
