NeVibeCode · 2,909 items
Skills for Frontend and UI
Skills for Frontend and UI: what each one does, an install command and example prompts.
vercel-deployment skill A Claude skill that tells your agent how to deploy Next.js to Vercel: env vars per environment, edge vs serverless, build cache.
124installs
ui-ux-governance skill A skill that gives the agent rules for interface work: how to pick flows, handle states and keep accessibility intact.
CX Codex +1
★ 1,388repo stars
screenshot-feature-extractor skill Turns interface screenshots into a feature and task checklist. Use it to plan work from UI designs or visual references.
97installs
makepad-2.0-widgets skill Tells your agent which widgets Makepad 2.0 ships and how to write them in Splash. Useful when you build UI and keep forgetting property names.
CX Codex +1
★ 751repo stars
makepad-2.0-troubleshooting skill A skill that walks through the usual Makepad 2.0 and Splash failures: layouts that never appear, text hidden behind a background, broken overrides. Useful when the UI compiles but looks wrong.
CX Codex +1
★ 751repo stars
makepad-2.0-theme skill A skill covering the Makepad 2.0 theme system: theme.* variables, dark and light modes, colors, fonts and spacing in Splash.
CX Codex +1
★ 751repo stars
makepad-2.0-performance skill A skill for tuning and debugging Makepad 2.0: draw batching, Splash VM garbage collection and texture caching explained.
CX Codex +1
★ 751repo stars
makepad-2.0-events skill The makepad-2.0-events skill gives your agent a map of event and action handling in Makepad 2.0, from Splash on_click to the Rust MatchEvent trait.
CX Codex +1
★ 751repo stars
makepad-2.0-app-structure skill Walks you through the skeleton of a Makepad 2.0 app: Rust entry point, Splash markup, event handling and hot reload.
CX Codex +1
★ 751repo stars
javascript-pro skill A Claude skill that steers the agent through modern JavaScript: ES6+, promises, the event loop, Node.js and browser APIs.
79installs
core-components skill A Claude skill that keeps the agent on your own component library and design tokens instead of raw platform primitives.
66installs
cc-skill-coding-standards skill A skill that hands Claude a fixed set of rules for TypeScript, JavaScript, React and Node.js work: naming, immutability, errors, API shape.
66installs
sveltekit skill A Claude skill that guides work on SvelteKit apps: routes from files, server rendering, endpoints and form handling.
50installs
nerv-ui skill A skill that steers the agent toward building React command-center screens with the published @mdrbx/nerv-ui library — dashboards, monitoring terminals, auth pages.
CX Codex +1
★ 95repo stars
design-auditor skill Checks markup and mockups against 19 rules covering contrast, focus, aria and dark patterns. Handy when you need to know why a UI feels off or fails accessibility.
CX Codex +1
★ 89repo stars
reimagine-it-lock skill This skill pulls the palette, type stack, motifs and motion out of a shipped HTML file and stores them as a pack you can reuse elsewhere.
CX Codex +1
★ 212repo stars
custom-blocks skill Walks you through building an interactive UI inside Notion that reads and writes workspace data.
CX Codex +1
★ 220repo stars
custom-blocks skill A skill that routes your agent through the Notion App SDK docs before it touches custom block code. Useful when a project has interactive browser blocks.
CX Codex +1
★ 220repo stars
slidewright skill Turns a talk into a website of slides meant for a projector, with one presenter driving. Pick a single HTML file or a Vite + React project.
CX Codex +1
★ 88repo stars
design-intelligence skill Bootstraps a design system from scratch: palette, type scale, spacing, radii and a component inventory in three formats.
CX Codex +1
★ 109repo stars
ui-ux-design-principles skill A canon for user-experience decisions: a review checklist, hard rules and reference notes. Useful when you build a surface or review someone else's.
CX Codex +1
★ 36repo stars
suede-site-alchemy skill A skill that turns a landing, launch or product page into a conversion path: funnel stage, friction inventory, fixes, then verification.
CX Codex +1
★ 126repo stars
suede-design skill A design skill for AI coding agents that aims at interfaces which read as deliberate rather than templated, covering tokens, type, dark mode and visual QA.
CX Codex +1
★ 126repo stars
developer-sandbox skill Walks you through building an interactive playground where developers try the product with no signup. Useful when curious visitors need to become active users.
CX Codex +1
★ 87repo stars
multitenant skill A Vovk.ts skill for serving several tenants from one Next.js app through subdomain routing, with proxy, segments and pages.
CX Codex +1
★ 57repo stars
tile-picking-interaction skill Turns a pointer or touch position into the exact isometric tile under it, with camera pan and zoom taken into account. Useful when clicks land on the wrong cell.
CX Codex +1
★ 41repo stars
canvas2d-isometric-renderer skill Builds the draw loop for an isometric tilemap on Canvas 2D: ground tiles first, depth-sorted sprites after.
CX Codex +1
★ 41repo stars
ux skill Tells the agent how to split a screen into components, pick a state owner and keep markup away from business rules.
CX Codex +1
★ 24repo stars
ux skill A skill for building screens where users cannot make a costly mistake: forms, deletes, bulk actions, checkout.
CX Codex +1
★ 24repo stars
2,881–2,909 of 2,909
