NeVibeCode · 2,909 items
Skills for Frontend and UI
Skills for Frontend and UI: what each one does, an install command and example prompts.
webflow-code-component:deploy-guide skill A skill that walks you through publishing a code component library to a Webflow workspace, from pre-flight checks to verifying components in Designer.
CX Codex +1
987installs
vercel-deployments skill A skill for deploying frontend and full-stack apps on Vercel: previews, edge functions, environment variables and production guardrails.
CX Codex +1
316installs
scaffold-nextjs skill Scaffolds a complete Next.js Turborepo monorepo with Blode UI, Ultracite, workspace hooks, and Vercel deployment.
CX Codex +1
726installs
vuetify-skilld skill Directs AI assistants on configuring and debugging Vuetify 4.x with Vue 3. Helps handle tree-shaking, Vite integration, and v3 to v4 migration.
CX Codex +1
378installs
webflow-code-component:troubleshoot-deploy skill Walks through failed Webflow Code Components deploys: reads the error, finds the root cause, hands you a specific fix.
CX Codex +1
977installs
hig-components-layout skill Guides app navigation and layout architecture across Apple platforms based on the Human Interface Guidelines.
CX Codex +1
684installs
hig-patterns skill A skill with interaction patterns from Apple's Human Interface Guidelines: onboarding, loading, modality, notifications, search. Useful when you design UX for an Apple app.
CX Codex +1
685installs
js-performance-patterns skill Runtime performance patterns for JavaScript hot paths. Helps agents optimize tight loops, frequent event callbacks, and DOM operations across JS frameworks.
CX Codex +1
687installs
meticulous-zero-diff-task skill Drives dependency upgrades and code refactors against Meticulous visual regression tests, iterating until zero unexpected UI diffs remain before opening a PR.
CX Codex +1
4,500installs
appbuilder-ui-scaffolder skill Generates React Spectrum UI components for Adobe Experience Cloud Shell SPAs and AEM extensions. It covers forms, tables, dialogs, and shell integration.
CX Codex +1
716installs
motion skill A skill that feeds your agent the Motion (Framer Motion) docs for React: drag-and-drop, scroll effects, layout transitions. Useful when the agent guesses at props.
CX Codex +1
1,100installs
handover-developer skill Generates technical handover guides for AEM Edge Delivery Services codebases. Useful when onboarding engineers or documenting block architecture.
CX Codex +1
714installs
zod-schema-validation skill Guides agents on writing Zod schemas, inferring TypeScript types, and validating boundaries in APIs and UI forms. Keeps validation consistent across the codebase.
CX Codex +1
1,200installs
bootstrap skill Tells the agent how to build interfaces with Bootstrap: grid, components, utilities, form validation. Useful when you want no custom CSS.
CX Codex +1
1,200installs
css skill This skill hands the agent a set of CSS rules: Flexbox, Grid, custom properties, BEM and specificity control. Useful when AI writes your styles.
CX Codex +1
1,200installs
modern-web-development skill A rule set for the modern web stack: TypeScript, Next.js 14, React Server Components, Supabase, GraphQL and Tailwind CSS. Useful when your agent writes frontend and API code in the same repo.
CX Codex +1
1,200installs
appbuilder-testing skill This skill writes and runs Jest tests for Adobe App Builder actions and React components, with mocks for the Adobe SDKs.
CX Codex +1
714installs
mastering-typescript skill Guides enterprise TypeScript 5.9+ development with strict typing, modern toolchains, and framework setups. Useful when migrating from JavaScript or integrating NestJS 11 and React 19.
CX Codex +1
790installs
block-kit skill Builds and validates Block Kit JSON for Slack messages, modals and Home tabs. Useful when you want a working layout without digging through the docs by hand.
CX Codex +1
500installs
view-transitions skill Teaches your agent the View Transitions API, so page and UI state changes animate without hand-written animation code.
CX Codex +1
678installs
dt-setup-react-native skill Configures the Dynatrace plugin in React Native or Expo projects, handling Babel transformations, config files, and privacy options.
CX Codex +1
868installs
guide-swiftui-charts skill A guide skill covering Swift Charts patterns: marks, axes, selection, styling, composition, Chart3D and accessibility. Useful when you build or rework charts in SwiftUI.
CX Codex +1
429installs
color-mode-and-theme skill Guides decisions on light versus dark modes, UI theme toggles, and design tokens without contrast pitfalls.
CX Codex +1
926installs
iphone-duo-react-native skill Adapts React Native and Expo apps for the foldable iPhone Duo, handling asymmetric safe area insets, live window resizing, and iOS 27.1 native modules.
CX Codex +1
432installs
dt-setup-flutter skill Integrates the Dynatrace plugin into Flutter projects: automates dependency configuration and sets up app startup instrumentation.
CX Codex +1
860installs
ui-density skill Matches information density to screen size and user expertise. Guides table layouts, dashboards, and mobile adaptation without shrinking UI elements.
CX Codex +1
915installs
hig-components-controls skill Applies Apple HIG principles to pickers, toggles, text fields, and inputs. Guides control selection, state behavior, and VoiceOver accessibility.
CX Codex +1
655installs
vite-bundle-optimization skill A skill with bundle and build optimization patterns for Vite + React. Useful when builds drag or chunks come out larger than expected.
CX Codex +1
667installs
reanimated-skia-performance skill A skill that writes and reviews fast React Native animations and 2D graphics on Reanimated v4 and Skia. Useful when the UI stutters or you need custom drawing.
CX Codex +1
955installs
form-design skill A skill for designing forms: helper text, placeholders, validation timing and submit button state. Useful when you build or review a data entry UI.
CX Codex +1
916installs
mobile-ux-optimizer skill Optimizes web interfaces for touchscreens, fixes dynamic viewport issues with dvh, and aligns touch targets with mobile platform guidelines.
CX Codex +1
498installs
brand-visual-language skill A skill that ties border radius, type and icon style to your brand's personality. Useful when you start a design system or spot visual drift across components.
CX Codex +1
907installs
hig-components-dialogs skill Provides Apple Human Interface Guidelines for alerts, sheets, popovers, and digit entry views. Helps pick the right modal UI pattern across iOS, iPadOS, macOS, and visionOS.
CX Codex +1
647installs
odoo-17 skill A reference skill for Odoo 17 work: ORM and models, XML views, OWL, QWeb reports, access rules, migrations. Useful when you touch a custom addon or paste a traceback.
CX Codex +1
373installs
hig-components-menus skill Guides button and menu architecture across Apple platforms based on official Human Interface Guidelines. Helps choose proper controls and organize toolbars.
CX Codex +1
643installs
semantic-html-and-seo skill A skill that steers your coding agent toward semantic HTML5, proper meta tags, alt text and progressive enhancement. Useful when you build UI or review existing markup.
CX Codex +1
901installs
hig-components-content skill Provides Apple Human Interface Guidelines for content components like charts and collections. It helps choose standard controls across Apple platforms.
CX Codex +1
641installs
motion-and-storytelling skill A skill for designing transitions, scroll animations and onboarding motion. It hands you timings, easing curves and stagger patterns when animation has a job to do.
CX Codex +1
894installs
typescript-react-patterns skill A skill with 33 TypeScript rules for React: props, hooks, events, refs, generics and context. Useful when the agent writes components and fights type errors.
CX Codex +1
1,100installs
apple-ui-designer skill This skill directs AI agents to redesign mobile app screens according to Apple Human Interface Guidelines. It brings native iOS typography, translucency, and system components to your interface specs.
CX Codex +1
865installs
1,801–1,840 of 2,909
