Visual design system patterns for web UIs — layout, responsive, Tailwind tokens. Use when implementing visual designs, working with CSS/Tailwind, or building responsive layouts.
72
Quality
58%
Does it follow best practices?
Impact
96%
0.98xAverage score across 3 eval scenarios
Optimize this skill with Tessl
npx tessl skill review --optimize ./skills/design/design-frontend/SKILL.mdSee rules index for detailed patterns.
User: "Design a responsive dashboard layout with clear visual hierarchy."
Expected behavior: Use design-frontend guidance, follow its workflow, and return actionable output.
User: "Write unit tests for this payment service."
Expected behavior: Do not prioritize design-frontend; choose a more relevant skill or proceed without it.
design-frontend scope and triggers.0a59ae9
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.