makepad-2-0-widgets
Makepad 2.0 guidance for widgets; use when building or debugging Makepad UI code.
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-31 00:15
Frontend & websites
11,329 results
markstream-custom-components
Override Markstream node renderers and add trusted custom tags across Vue, React, Svelte, and Angular using scoped or renderer-local mappings.
tastegate
Build or fix a frontend so it looks designed, not AI-generated, then prove it in a real browser: renders at phone and desktop width and fails on overlap, low…
ui-from-screenshot
Turn a screenshot or mockup into matching UI with the project's own components, then compare the result side by side with the image and fix the differences.
migrate-state-management
Migrate Redux or React Context to the correct state option (React Query for server state, nuqs for URL/shareable state, Zustand for global client state). Use…
ground-my-ui
Diagnoses and rebuilds UI that looks broken, ugly, or off-system by verifying every contract the code touches against the INSTALLED source on disk — component…
frontend-design
Design and implement distinctive, production-ready frontend interfaces for the web. Use when building, redesigning, or polishing components, pages, dashboards,…
speed-monitoring
Performance monitoring and regression prevention. Lighthouse CI, performance budgets, Core Web Vitals monitoring, alerting. Keep sites fast over time.
d2-03-search-delete-page
Builds the search/list page in up-app with full CRUD: loads all records via the entity service, an Add button in the header, Edit/Delete buttons per row, and…
laravel-dashboard-development
Build custom dashboard tiles for spatie/laravel-dashboard v4 using Livewire 4, Tailwind CSS 4, and CSS Grid
error-handling-patterns
Svelte 5 error handling. Use for error boundaries, async await expressions, loading states, and form errors.
form-patterns
DaisyUI v5 form patterns. Use for inputs, selects, textareas, validation, and form structure with fieldset/legend.
reactive-ui-patterns
Remote functions reactive UI patterns. Use for smooth in-place updates, preventing page jumps, and managing loading states with .current property.
arwes-react
Working with @arwes/react (1.0.0-next) sci-fi UI framework — frame components, Animator lifecycle, SVG styling, bleeps, and effects. Use this skill whenever…
better-stimulus
Apply Better Stimulus best practices for writing maintainable, reusable StimulusJS controllers following SOLID principles
webflow-migrate
Migrate your own Webflow-hosted site to a self-hosted static site. Use when the user wants to migrate, move, or self-host their own Webflow site on Render,…
shadcn-ui
Expert guidance for integrating shadcn/ui components in this Next.js monorepo (apps/ui). Handles component discovery, installation via CLI, customization to…
evowebai-website-builder
Create a Website Designed to Bring Clients from ChatGPT, Gemini & Modern Search
apple-ui-from-spec
Use when given an Apple-platform UI spec (macOS, iOS, or iPadOS) covering multiple screens or dialogs and the output must be (a) integration-ready SwiftUI…
syncfusion-aspnetmvc-heatmap-chart
Implement HeatMap and Bubble HeatMap visualizations in Syncfusion ASP.NET MVC. Create two-dimensional data visualizations with gradient/fixed colors, configure…
syncfusion-aspnetmvc-maps
Implement Syncfusion Maps component for ASP.NET MVC to visualize geographical data with layers and markers. Always use this skill when user mentions maps,…
syncfusion-maui-toolkit-grid-splitter
Implements the Syncfusion® .NET MAUI Grid Splitter (SfGridSplitter), enabling the creation of resizable and collapsible multi-pane layouts in .NET MAUI…
syncfusion-maui-ui-builder
Generates production-ready .NET MAUI UI components and pages powered by Syncfusion MAUI Controls. Orchestrates 8-stage workflow that handles design thinking,…
syncfusion-vue-modern-rich-text-editor
Implement Syncfusion Vue Modern Rich Text Editor component for creating, editing, and formatting rich text content with inline formatting, block formats,…