🎯

ui-design

🎯Skill

from mblode/agent-skills

Security check pending
πŸ“¦

Same repository

mblode/agent-skills(32 items)

ui-design

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code
npx vibeindex add mblode/agent-skills --skill ui-design
skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code
npx skills add mblode/agent-skills --skill ui-design
Manual InstallCopy SKILL.md content and save to the path below
~/.claude/skills/ui-design/SKILL.md
5Installs
-
AddedMar 12, 2026

More from this repository10

🎯
ui-animation🎯Skill

UI animation guidelines covering motion timing, easing defaults, spatial sequencing, CSS-first animation principles, and prefers-reduced-motion accessibility patterns.

🎯
audit-ui🎯Skill

Performs comprehensive UI quality review focusing on typography, accessibility, and user experience refinement before product release.

🎯
multi-tenant-platform-architecture🎯Skill

Enables secure, scalable multi-tenant platform architectures on Cloudflare Workers with deterministic routing, tenant isolation, and custom domain support.

🎯
design-ui🎯Skill

A minimal, opinionated set of agent skills for planning, design, engineering, and UI quality, covering feature planning, architecture scaffolding, Next.js and CLI project setup, UI design, accessibility audits, typography, animation, SEO optimization, and PR reviews.

🎯
optimise-seo🎯Skill

Optimizes SEO for Next.js App Router by implementing metadata, structured data, semantic HTML, and performance improvements without visual redesigns.

🎯
agent-skills-creator🎯Skill

Agent skills creator from a minimal, opinionated skill set for planning, design, engineering, and UI quality.

🎯
define-architecture🎯Skill

A define architecture skill for establishing repo layout, workflow, and full-stack architecture patterns for TypeScript applications at project start.

🎯
review-pr🎯Skill

Reviews pull requests for bugs and CLAUDE.md compliance, providing high-signal, actionable feedback with precise inline comments.

🎯
implement-frontend🎯Skill

Implements frontend best practices for React/TypeScript, focusing on type safety, form handling, state management, and clean, performant code.

🎯
plan-feature🎯Skill

UI animation guidelines covering motion timing, easing defaults, spatial sequencing, CSS-first animation principles, and prefers-reduced-motion accessibility patterns.