Instructions file GitHub Copilot
Auto-generate component documentation from source code using react-docgen, vuese, or vitepress. Outputs docs with props, examples, and token usage.
Instructions file GitHub Copilot
Auto-generate component documentation from source code using react-docgen, vuese, or vitepress. Outputs docs with props, examples, and token usage.
Instructions file GitHub Copilot
Reusable UI components and design system patterns.
Instructions file GitHub Copilot
Navbar and footer must be shared components. Active link highlighting uses route matching. Consistent styling across all pages.
Instructions file GitHub Copilot
Advanced content components including tooltips, popovers, carousels, video players, lightboxes, avatars, ratings, progress bars, steppers, and code blocks.
Instructions file GitHub Copilot
A guide for contributing new patterns and rules to the OpenCode UI/UX 2026 Design System.
Instructions file GitHub Copilot
Copy to clipboard using Clipboard API with execCommand fallback. Visual feedback via tooltip or icon change. Token-aware styling with accessibility announcements.
Instructions file GitHub Copilot
CSS methodology, modules, and styling strategies.
Instructions file GitHub Copilot
Custom cursor effects and pointer styles.
Instructions file GitHub Copilot
Advanced data table patterns including TanStack Table, sortable, filterable, paginated, row selection, virtualization, filter sidebars, bulk actions, activity logs, and kanban boards.
Instructions file GitHub Copilot
Rules for safe database schema changes. Never delete existing migrations. Provides patterns for Laravel, Django, and raw SQL.
Instructions file GitHub Copilot
Meta-skill for heuristic evaluation using Nielsen's 10 usability heuristics plus design language consistency checks. Outputs severity levels and suggested fixes.
Instructions file GitHub Copilot
Konami codes, hidden features, delightful surprises, and rewarding exploration. Making interfaces that reward curiosity.
Instructions file GitHub Copilot
Edge computing features including Vercel Edge Functions, Cloudflare Workers, middleware for personalization, A/B testing, and geolocation.
Instructions file GitHub Copilot
Custom error pages (404, 403, 419, 429, 500, 503). Each uses design tokens and includes shared navigation. For Laravel: resources/views/errors/.blade.php.
Instructions file GitHub Copilot
Dedicated skill for integrating OpenCode UI/UX 2026 design system with Flutter applications.
Instructions file GitHub Copilot
Footer design, links, and site information.
Instructions file GitHub Copilot
Advanced form patterns including search bars, searchable dropdowns, range sliders, color pickers, and autocomplete/typeahead with API integration.
Instructions file GitHub Copilot
Multi-step forms, validation, autocomplete, and submission patterns.
Instructions file GitHub Copilot
Typo-tolerant search using Fuse.js or lunr.js. Includes debounced input, match highlighting, "did you mean?" suggestions, and empty state handling. Token-aware styling.
Instructions file GitHub Copilot
GraphQL API integration including Apollo Client, URQL, code generation, caching strategies, and 2026 GraphQL-first APIs.
Instructions file GitHub Copilot
URL structure for multiple languages with Next.js, Laravel, and Vue Router. Includes language switcher without full page reload.
Instructions file GitHub Copilot
Advanced i18n patterns including language switchers, RTL support, date/time formatting, number/currency formatting, and pluralization rules.
Instructions file GitHub Copilot
Infinite scroll pattern with Intersection Observer. Loading skeleton, end of content message, manual load more fallback. Respects prefers-reduced-motion.
Instructions file GitHub Copilot
Interactive elements, hover states, and user interactions.