NeVibeCode · 2,909 items
Skills for Frontend and UI
Skills for Frontend and UI: what each one does, an install command and example prompts.
extension-invite-links skill Adds invite links and RSVP collection to your project. Guests submit answers using unique codes without logging in, while admins view all responses after sign-in.
CX Codex +1
28,100installs
extension-core-infrastructure skill Core infrastructure for Caffeine AI React apps: backend connection config, Internet Identity auth, and the app entry point.
CX Codex +1
27,900installs
extension-object-storage skill This skill adds file storage to your project: content lives off-chain while the backend keeps only references. Useful for image galleries, video and documents.
CX Codex +1
28,100installs
extension-email-verification skill Adds email address verification to a Caffeine AI app: the recipient clicks a link and the address is marked as verified.
CX Codex +1
28,100installs
primitives skill Builds custom chat interfaces with unstyled @assistant-ui/react primitives. Useful for assembling custom threads, composers, and message parts with full behavioral logic.
CX Codex +1
6,300installs
tools skill A skill about declaring tools the model can call and rendering those calls in assistant-ui. Useful when a tool never fires or its UI stays blank.
CX Codex +1
6,300installs
netsuite-uif-spa-reference skill Look up NetSuite UIF types and APIs while building or debugging SPA components. The skill points the agent to definitions for core and UI component packages.
CX Codex +1
790installs
framer-motion skill Tells your agent which properties to animate in Motion and which ones wreck layout. Useful when the project already runs React and TypeScript.
CX Codex +1
3,000installs
agent-elements skill Guides agents in building chat, tool-calling, and approval UIs in React 19 and Tailwind v4 projects. Uses shadcn components and the Vercel AI SDK.
CX Codex +1
724installs
frappe-app-dev skill Guides full-stack development for the Frappe Framework. It handles DocType setup, controller hooks, REST APIs, and bench CLI commands.
CX Codex +1
1,100installs
Mobile App Design Standards skill A skill that gives your agent concrete rules for mobile screens: iOS and Android conventions, touch targets, contrast, accessibility.
CX Codex +1
906installs
avoid-ai-design skill A skill that audits frontend code for the patterns that make a UI look AI-generated, then rewrites it around one deliberate design direction. Useful when a Claude or Codex build looks like everyone else's.
CX Codex +1
641installs
tanstack-router skill A TanStack Router skill for React and Solid: file-based routing, search params and data loading with full type checking.
CX Codex +1
5,000installs
experience-lwc-accessibility-jest-run skill Runs Sa11y accessibility unit tests on LWC components using Bazel or standalone Jest.
CX Codex +1
906installs
harmonyos-app skill Provides rules and patterns for building HarmonyOS NEXT apps with ArkTS and ArkUI. Guides agents on strict typing and immutable state updates under Stage model.
CX Codex +1
491installs
imprint skill The skill pulls the classes that drive visual consistency out of a freshly built component and appends them to ui-registry.md.
CX Codex +1
725installs
game-3d-assets skill Finds, generates, and integrates GLB/GLTF models into Three.js browser games to replace primitive cubes and spheres.
CX Codex +1
1,100installs
threejs-game skill Locks in a project layout and four core modules for building 3D browser games with Three.js. Useful when the agent scaffolds a scene and game loop from scratch.
CX Codex +1
1,100installs
setup skill This skill guides assistant-ui project creation, setup in an existing app, and runtime selection. Use it when starting a chat UI or wiring one to a backend.
CX Codex +1
6,100installs
thread-list skill A skill for assistant-ui that adds a sidebar of conversations with switching, renaming, archiving and deleting.
CX Codex +1
6,200installs
qt-qml-test-run skill Builds a Qt 6 CMake project, executes Qt Quick Test via qmltestrunner or CTest, and generates a Markdown report. Useful for verifying QML interfaces in terminal-enabled workflows.
CX Codex +1
571installs
animejs skill Provides Claude Code with an API reference for Anime.js v4. Useful when creating web animations, SVG morphing, and staggered timelines.
CX Codex +1
1,200installs
three-best-practices skill A skill that feeds your agent a rulebook for Three.js: memory leaks, draw calls, shaders. Useful when you build or debug a 3D scene.
CX Codex +1
1,500installs
ui-ux-design-pro skill A skill for designing dashboards, SaaS apps and landing pages: builds design systems, audits accessibility and checks interface craft.
CX Codex +1
797installs
timeline-creator skill Turns a project's tasks and dates into an interactive HTML timeline with Gantt bars, phases and milestones. Handy when a plan has to live in one file.
CX Codex +1
327installs
mint-threejs-skills skill Guides agents to build browser 3D apps, games, and viewers in Three.js with Mint MCP asset generation. It coordinates asset pipelines, runtime loaders, and scene directors.
CX Codex +1
616installs
react-performance-optimization skill Guides React rendering optimization, memoization, code splitting, and list virtualization. Useful when diagnosing slow components or trimming initial bundle size.
CX Codex +1
1,900installs
motion-graphics skill Runs preflight asset research and enforces strict gate checks before authorizing video composition builds. Designed for authentic product motion graphics.
CX Codex +1
1,000installs
emblem-ai-react skill A skill for building a React app with EmblemAI authentication and wallet-enabled accounts. It covers providers, hooks and ready-made login and chat components.
CX Codex +1
8,800installs
experience-accessibility-validate skill Reviews a Lightning Web Component's HTML, JS and CSS against WCAG 2.2 and writes a report citing the specific success criteria.
CX Codex +1
864installs
fishjam skill A skill covering the Fishjam platform and its SDKs, so your agent writes backend and client video code without guessing.
CX Codex +1
761installs
the-loop skill Records how your UI, animation or game actually behaves, judges the recording against plain-language criteria, and iterates until it passes.
CX Codex +1
501installs
chrome-extension-development skill Walks your agent through Manifest V3 extension work: manifest, service worker, content scripts, popup UI, and Chrome Web Store publishing.
CX Codex +1
2,800installs
emblem-ai skill Adds wallet, email or social sign-in to your app and gives every user a wallet-enabled account, plus drop-in chat components and live app debugging.
CX Codex +1
8,700installs
macos-golden-gate-design
official skill Enforces Apple macOS 27 Golden Gate design patterns in SwiftUI and AppKit. Strips nested cards, limits Liquid Glass to chrome, and keeps content panes flat.
23installs
api-breaking-change-detector
official skill Cross-references C# Web API controllers and DTOs against TypeScript or JavaScript clients in source code. Catches breaking contract drift before deployment.
23installs
update skill Upgrades an existing assistant-ui app to AI SDK v7 and assistant-ui 0.15.x, applying the required migrations. Use it when a package bump breaks types or removes hooks.
CX Codex +1
5,900installs
agora skill Routes Agora integrations to the right workflow: voice AI agents, RTC video calls, real-time messaging, and auth token generation.
CX Codex +1
775installs
suggest skill Query autocomplete and suggestion skill powered by Brave Search API with sub-100ms response times and typo handling.
CX Codex +1
1,100installs
dashboard-creator skill Builds a single-page HTML dashboard with KPI cards, charts, progress bars and data tables. Handy when you need to show metrics without a frontend framework.
CX Codex +1
315installs
1,441–1,480 of 2,909
