Loading...
Loading...
Found 550 Skills
Animation patterns for Astro sites. Scroll animations, micro-interactions, transitions, loading states. Performance-focused, accessibility-aware.
Check and configure UX testing infrastructure (Playwright, accessibility, visual regression)
Smart/Dumb component patterns, Standalone components, modern control flow (@if, @for), styling (SASS/BEM) and accessibility.
Comprehensive Ink skill for building CLI applications with React. Covers components (Text, Box, Static, Transform), hooks (useInput, useApp, useFocus), Flexbox layout, testing, and accessibility.
Professional UI/UX design expertise for static HTML/CSS/JS sites. Covers design thinking, user psychology, visual hierarchy, minimalist interaction patterns, accessibility, and performance-driven design. Use when designing features, improving UX, or conducting design reviews.
Data visualization design based on Stanford CS448B. Use when: (1) Choosing appropriate chart types for data (2) Selecting visual encodings (position, color, size) (3) Critiquing or improving visualizations (4) Building D3.js visualizations (5) Designing interactions and animations (6) Choosing color palettes for accessibility (7) Visualizing networks or text data Covers Bertin, Mackinlay, Cleveland & McGill principles.
Frontend UI/UX design and implementation for HTML/CSS/JS including semantic structure, responsive layout, accessibility compliance, and visual design direction. Use for building or reviewing web pages/components, fixing accessibility issues, improving styling/responsiveness, or making UI/UX decisions.
UI/UX design intelligence with page standards & audit mode. 85 styles, 115 palettes, 72 font pairings, 35 charts, 61 components, 50 animations, 57 WCAG criteria, 42 responsive patterns, 40 dark mode rules, 51 design tokens, 13 stacks, 15 page types with mandatory sections, 44 audit rules, SEO per page type. Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check, audit. Styles: glassmorphism, brutalism, neumorphism, bento, dark mode, view transitions, scroll-driven, container queries, AI-native, liquid glass. Topics: color, accessibility, animation, layout, typography, spacing, shadow, gradient, responsive, dark mode, WCAG 2.2, design tokens, components, page standards, navigation, SEO, auth, empty states.
Use when auditing websites for Japanese accessibility compliance, checking JIS X 8341-3 conformance, or advising on Japan's Act for Eliminating Discrimination against Persons with Disabilities.
Audit UIKit-based screens for accessibility issues with concrete VoiceOver and Dynamic Type fixes
Creates 03-ui-ux-spec.md (IA, Expo Router route map, screen list, design tokens, component inventory, accessibility) for a new app idea. Use after docfactory-prd to define the visual and interactive layer. Essential for ensuring a consistent, goal-oriented mobile UI and preventing "design drift" during development.
Transform UI style requirements into production-ready frontend code with systematic design tokens, accessibility compliance, and creative execution. Use when building websites, web applications, React/Vue components, dashboards, landing pages, or any web UI requiring both design consistency and aesthetic quality.