NeVibeCode · 2,909 items
Skills for Frontend and UI
Skills for Frontend and UI: what each one does, an install command and example prompts.
plan-ui-change skill Splits a complex Blazor page into focused components before the agent writes any code. Useful once a screen has three or more visual sections.
CX Codex +1
3,000installs
collect-user-input skill A skill that walks the agent through Blazor forms, input components and validation. Useful when you add a form, a search box or file upload to a page.
CX Codex +1
3,000installs
coordinate-components skill Helps AI agents share state across Blazor components without parent-child parameter chains. Covers cascading parameters, scoped services, and render mode boundaries.
CX Codex +1
3,000installs
create-blazor-project skill The skill walks the agent through picking a Blazor render mode and runs dotnet new blazor with the right flags.
CX Codex +1
3,000installs
author-component skill Creates and reviews Blazor components without JavaScript interop. Useful when setting up parameters, RenderFragment slots, and proper async lifecycles.
CX Codex +1
3,100installs
fetch-and-send-data skill Guides API calls and asynchronous data loading in Blazor components. Use it when configuring HttpClient, loading states, or error handling.
CX Codex +1
3,100installs
component-canvas skill Builds a full-screen canvas where your project's components show up as they actually behave, with pan, zoom and variant comparisons. Useful when you need the whole design system in one view.
CX Codex +1
685installs
motion-framer skill Guides an agent through Motion and Framer Motion animations for React interfaces, from hover effects to state and layout transitions.
CX Codex +1
5,900installs
support-prerendering skill Configures interactive Blazor components to handle prerendering cleanly. It prevents duplicate data fetches, UI flicker during handoff, and null reference crashes.
CX Codex +1
3,000installs
flags-sdk skill Set up the Flags SDK in Next.js or SvelteKit, connect a flag provider, and configure server-side evaluation. Useful when adding flags to application code.
CX Codex +1
2,600installs
angular-forms skill A Signal Forms skill for Angular v21+ that is no longer maintained. The package now holds a deprecation notice pointing to the official Angular skills.
CX Codex +1
7,100installs
color-expert skill A color theory and color science skill for designing OKLCH design system ramps, checking APCA contrast, and tuning generative palettes.
CX Codex +1
2,700installs
vueuse-functions skill This skill maps Vue.js and Nuxt tasks to VueUse functions and their usage patterns. It fits projects built with Vue 3+ or Nuxt 3+.
CX Codex +1
3,700installs
open-edit skill Skill for building and editing videos via HTML compositions and VEED CLI tools. Useful for captions, motion graphics, background removal, and AI presenters.
CX Codex +1
1,100installs
senior-fullstack skill Scaffolds Next.js, FastAPI, MERN or Django projects and scores your codebase for quality and security issues.
1,390installs
angular-routing skill AnalogJS skill for routing in Angular v20+ projects. Now deprecated: the maintainer removed the rules and points to official angular/skills.
CX Codex +1
6,800installs
ui-ugui skill This skill inspects, creates, and revises Unity uGUI interfaces. Use it for Canvas hierarchies, RectTransforms, layout groups, or prefab UI.
CX Codex +1
6,400installs
create-datadriven-aspnetcore skill Generates ASP.NET Core CRUD code — Razor Pages, Blazor components, controllers, and Minimal APIs — aligned with project styles and EF Core without CLI generators.
CX Codex +1
2,800installs
diffs skill A skill for building with @pierre/diffs: syntax-highlighted files, diffs, patches and merge conflicts inside your app.
CX Codex +1
472installs
cmux-capture skill Capture a cmux window as an image or video from the CLI. Use it to show a visual change in a pull request or attach evidence to a bug report.
CX Codex +1
383installs
design-lab skill A skill that interviews you about a UI task, builds five different directions in a throwaway lab, then turns the pick into an implementation plan.
CX Codex +1
2,000installs
tanstack-start-best-practices skill Best practice rules for full-stack React apps built with TanStack Start. Guides server functions, middleware, and session security.
CX Codex +1
9,800installs
react-email skill A skill for building HTML emails from React components. Use it when the email has to survive Outlook and Gmail without breaking.
CX Codex +1
12,600installs
information-architecture skill Defines product structure and navigation before visual design begins. Bridges the gap between a design brief and actual frontend code.
CX Codex +1
5,900installs
design-tokens skill Generates a design tokens file — CSS variables or Tailwind config — from a chosen aesthetic, with light and dark palettes.
CX Codex +1
5,900installs
angular-http skill Guides HTTP data fetching in Angular v20+ using signals and HttpClient. Now deprecated in favor of the official Angular skills repository.
CX Codex +1
6,500installs
shopify skill Official developer skill for building on Shopify, covering Admin GraphQL APIs, Liquid themes, Polaris extensions, Hydrogen, and Shopify CLI.
CX Codex +1
4,800installs
shadcn-ui-flutter skill A skill that hands your agent the shadcn_ui docs for Flutter: theming, component pages and copy-ready examples.
CX Codex +1
678installs
huggingface-lora-space-builder skill Builds and publishes Gradio demos on Hugging Face Spaces for LoRA checkpoints. Tailors diffusers pipelines and UI inputs, targeting ZeroGPU hardware by default.
CX Codex +1
810installs
design-review skill Runs a structured design critique against the brief and the code: hierarchy, consistency, responsiveness, accessibility. Useful before you ship.
CX Codex +1
5,800installs
skybridge skill A skill that walks you from idea to release for Claude plugins and MCP Apps: bootstrap, build, debug, deploy.
CX Codex +1
1,100installs
router-query skill Guides the integration of TanStack Router and TanStack Query, covering router context setup, loader prefetching, and SSR QueryClient isolation.
CX Codex +1
366installs
compose-expert skill Skill outlining shared Jetpack Compose rules in Amethyst: Navigation 3, adaptive shell layouts, and UI performance conventions.
CX Codex +1
1,400installs
oklch-skill skill Converts hex, RGB, and HSL to OKLCH, generates uniform palettes, and checks APCA or WCAG contrast. Useful for theme setup in Tailwind v4 and handling P3 gamut boundaries.
CX Codex +1
4,600installs
add-app-to-server skill A skill that gives the tools of a running MCP server an interactive HTML view. Useful when a tool returns a table, a chart or a PDF that reads badly as plain text.
CX Codex +1
1,200installs
truesheet-usage skill A skill that steers your coding agent through @lodev09/react-native-true-sheet: control patterns, detents, scrolling, navigation.
CX Codex +1
828installs
page-mascot skill Puts a chibi character on your page that turns its head toward the pointer and reacts to clicks. Wires up a <Mascot /> React component from ready sprite sheets or draws a new one.
CX Codex +1
1,300installs
cinematic-gsap-lenis-motion-system skill Builds cinematic web animation systems using GSAP, ScrollTrigger, and Lenis. Ideal for luxury editorial layouts, creative portfolios, and smooth reveals.
CX Codex +1
2,400installs
migrate skill Reads your lodash code and shows how to swap each function for es-toolkit or es-toolkit/compat. Handy when the bundle needs to shrink.
CX Codex +1
314installs
svg-icon-generator skill A skill for SVG icon work: it walks the agent through the steps, writes the code and checks the output. Turns on by itself when your request mentions svg.
CX Codex +1
1,300installs
641–680 of 2,909
