NeVibeCode · 2,909 items
Skills for Frontend and UI
Skills for Frontend and UI: what each one does, an install command and example prompts.
accessibility-scan skill Scans one live page for mechanically detectable WCAG 2.2 issues and reports their DOM locations. Run it after a UI change to review the page.
CX Codex +1
1,000installs
stop-describing-ui skill A skill that removes explanatory copy from interfaces: headings, empty states, button labels, helper text and onboarding. Useful when a screen explains itself instead of showing an action.
CX Codex +1
717installs
verifying-in-browser skill Starts the dev server after code changes, opens the app in a browser and checks rendering, console errors and network health.
CX Codex +1
540installs
using-ui-stack skill Makes the agent build interfaces from fixed rules: an 8px grid, 60-30-10 colors, type scale, dark mode and interaction states.
CX Codex +1
539installs
qt-figma-token-extraction skill Reads variables, text styles and tokens out of a Figma file, then writes design-tokens.json and working QML singletons built around one Theme.
CX Codex +1
439installs
ios-liquid-glass skill An API reference for the Liquid Glass design system in iOS 26+. Covers glassEffect modifiers, containers, morphing transitions and navigation patterns.
CX Codex +1
803installs
ui-design skill A skill that gives the agent design rules for layout, type, color and spacing. Useful when no product design-system skill exists.
CX Codex +1
832installs
godot-ui-containers skill Provides blueprints and rules for responsive Godot UI using Container nodes. Useful when building adaptive menus, shop grids, or virtualized scroll lists.
CX Codex +1
507installs
qt-figma-component-generation skill Reads Figma components over MCP and writes QML controls for Qt Quick Controls 2. It runs at the component generation step of a design-system workflow.
CX Codex +1
437installs
pyqt6-ui-development-rules skill This skill guides agents working on PyQt6 desktop interfaces, from UI-to-logic wiring to background work and layout. Use it when building or refactoring a Qt app.
CX Codex +1
1,100installs
expo-react-native-typescript skill A skill that hands your agent a rulebook for Expo, React Native and TypeScript work: file layout, navigation, state, testing.
CX Codex +1
2,200installs
mapbox-style-patterns skill Ready-made Mapbox layer setups for common maps: POI finders, real estate, navigation, delivery. Useful when you want a proven style instead of picking colors from scratch.
CX Codex +1
2,300installs
hig skill A local Markdown reference for Apple Human Interface Guidelines to check touch targets, Dynamic Type, system components, and App Review rules on demand.
CX Codex +1
786installs
markstream-install
official skill Configures Markstream streaming Markdown renderers across React, Vue, Svelte, and Angular projects. It resolves package selection, CSS ordering, and SSR boundaries.
18installs
quasar-skilld skill A skill for building and debugging Quasar 2.33.1 apps: it reads the docs shipped inside the installed package instead of guessing at the API.
CX Codex +1
657installs
tailwindcss-animations skill A Tailwind CSS skill covering built-in animation utilities, custom keyframes, transitions, reduced-motion and Framer Motion.
CX Codex +1
2,400installs
game-playtest
official skill Guides agents through browser game playtests and frontend QA. It focuses on boot checks, controls, HUD overlay balance, and visual regression capture.
CX Codex GP ChatGPT
62installs
netlify-config skill Configures Netlify builds and routing through netlify.toml, _redirects, and _headers. Handy when wiring up SPA history fallbacks, proxy rules, or deploy contexts.
CX Codex +1
3,300installs
accessibility-diff skill Diffs WCAG violations on a live page against a baseline taken before your edits. Shows what broke and what you fixed.
CX Codex +1
947installs
sapui5 skill A skill that helps AI agents build SAP UI5 apps: XML views, controllers, data binding, OData, Fiori Elements and tests.
CX Codex +1
697installs
no-use-effect skill Enforces a zero-useEffect policy across React and React Native components, redirecting logic to derived state, handlers, and dedicated libraries.
CX Codex +1
729installs
airflow-plugins skill This skill walks your agent through building Airflow 3.1+ plugins with FastAPI endpoints, React pages and custom UI tabs. Useful when you need something custom inside Airflow.
CX Codex +1
594installs
ui-design-system skill A skill for reviewing and building React interfaces with TailwindCSS, Radix UI and shadcn/ui. Useful when your components have drifted apart.
CX Codex +1
3,200installs
sapui5-linter skill Use this skill to configure UI5 Linter and inspect SAPUI5 or OpenUI5 projects for code issues. It also covers checks and fixes ahead of a UI5 2.x migration.
CX Codex +1
685installs
ai-assisted-prototyping skill Guides product managers in building functional prototypes from text prompts or visual mocks. Useful for validating ideas before involving an engineering team.
CX Codex +1
354installs
netlify-frameworks skill A skill that feeds your agent the right build settings, SSR adapters and env var rules for deploying web frameworks on Netlify.
CX Codex +1
3,200installs
appkit-interop
official skill Builds narrow bridges between macOS SwiftUI and AppKit. Useful when you need NSWindow access, custom panels, responder chain handling, or menu validation.
CX Codex GP ChatGPT
60installs
design-style-picker skill Generates a batch of visual design directions and lets you choose from images instead of a written brief. Handy when a client cannot put the look into words.
CX Codex +1
342installs
storybook-story-writing skill Writes and edits Storybook stories for your components: CSF3 format, every meaningful state, a build that passes. Useful when stories drift and break the build.
CX Codex +1
673installs
astro-seo skill Audits SEO settings in Astro projects and can update project files to address findings. Use it to review metadata, structured data, and indexing setup.
CX Codex +1
500installs
sap-btp-build-work-zone-advanced skill Guides configuration and development for SAP Build Work Zone, advanced edition on SAP BTP. Useful when building UI Integration Cards, workspace templates, and external integrations.
CX Codex +1
674installs
frontend-design skill Audits existing CSS, pulls out design tokens, and generates palettes, type scales and component templates. Useful when your UI looks like default AI output.
CX Codex +1
2,300installs
writing-tests skill Inspects existing code, detects your test runner, and drafts unit and integration tests with mocks and edge cases.
CX Codex +1
499installs
lottie-animation skill Gives your agent the wiring for After Effects vector animation: player setup, frame control, scroll effects and runtime recoloring.
CX Codex +1
2,100installs
electron-builder skill Guides the agent through configuring Electron app packaging, platform targets, code signing, and auto-updates. Useful for release workflows.
CX Codex +1
392installs
wireframe-prototyping skill Sketch a UI and build a prototype before development starts. Useful when you need early feedback from a team or a client.
CX Codex +1
1,400installs
frontend-session-rca skill This skill diagnoses a single real-user session from Grafana Frontend Observability: what happened, which errors fired, in what order, and what to do about them.
CX Codex +1
1,100installs
markdown skill Tells the agent how to wire markdown rendering for assistant messages in assistant-ui: which renderer to use, how to highlight code, and how to add math or diagrams.
CX Codex +1
4,300installs
next-best-practices skill A skill that hands your agent a set of Next.js rules: file conventions, RSC boundaries, async APIs, metadata, error handling. Useful whenever it writes or reviews Next.js code.
CX Codex +1
383installs
netlify-forms skill A skill for serverless form handling on Netlify: markup, AJAX submission, spam filtering, notifications. Useful when a form silently fails to register.
CX Codex +1
3,100installs
1,561–1,600 of 2,909
