NeVibeCode · 2,133 items
Skills for Design
Skills for Design: what each one does, an install command and example prompts.
webflow-cli:designer-extension skill A skill that walks the agent through the whole Designer Extension loop in Webflow: pick a template, init the project, serve it locally, bundle it for upload.
CX Codex +1
1,000installs
webflow-cli:code-component skill Configures React projects and deploys custom React components to Webflow Designer using Webflow CLI. Useful when sharing code components with designers.
CX Codex +1
1,000installs
webflow-cli:devlink skill Pulls Webflow Designer components into React and Next.js code, syncs later design edits, and shows what changed after each sync.
CX Codex +1
998installs
21st-ai skill A skill that runs the 21st AI loop from the terminal: sketch UI variants from a prompt, preview them in the browser, edit one in place, grab its code.
CX Codex +1
2,000installs
ui-design-review skill Scores an interface across ten design dimensions: typography, color, spacing, hierarchy, consistency. Useful before design QA or a handoff to build.
CX Codex +1
1,100installs
nielsen-usability-heuristics skill Audits UI components and interaction flows using Nielsen's usability heuristics. Helps spot missing feedback, confusing copy, and poor error handling.
CX Codex +1
976installs
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
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
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
hig-platforms skill Provides Apple Human Interface Guidelines for multi-platform design across iOS, iPadOS, macOS, tvOS, visionOS, and watchOS. Helpful when adapting an app to another Apple device.
CX Codex +1
666installs
Skywork Design skill Generates and edits images through the Skywork Image API: posters, logos, infographics, retouching. Useful when you need visuals without leaving the project.
CX Codex +1
350installs
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
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
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
figma-generate-design
official skill Builds or updates composed Figma screens using design system components and styles. Use it to turn application pages or dialogs from code into Figma views.
CX Codex GP ChatGPT
33installs
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
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
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
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
hig-components-status skill Provides Apple Human Interface Guidelines for progress indicators and status bars. Useful when building interfaces for iOS and watchOS.
CX Codex +1
636installs
fal-redesign skill Redesigns coded websites or generates greenfield landing pages using fal.ai, outputting a visual mock, Markdown build-spec, and design tokens.
CX Codex +1
394installs
information-architecture skill Keeps a large app navigable: what to call each entity, how screens map to the data model, and when to ask before a destructive action.
CX Codex +1
889installs
modular-scale-typography skill Builds a ratio-based type scale where every font size links to a common base. Use it to generate CSS tokens or Tailwind configs when text sizes feel arbitrary.
CX Codex +1
884installs
figma-generate-library
official skill Skill to build a professional design system in Figma from your codebase. Creates variables, components with variants, typography styles and theming in the correct order — from tokens to finished components.
CX Codex GP ChatGPT
32installs
algorithmic-color-palette skill Derives a full UI palette from one or two brand colours: state variants, brand-tinted greys, semantic colours.
CX Codex +1
887installs
hig-components-search skill Tells your agent how to design search, paging and breadcrumbs the Apple HIG way. Useful while you are still sketching navigation for an iOS or macOS app.
CX Codex +1
634installs
gamification-loops skill A skill for designing points, badges, streaks and leaderboards around motivation psychology. Useful when you want retention rather than raw numbers.
CX Codex +1
567installs
hig-inputs skill A skill that feeds your agent Apple HIG guidance on input: gestures, Apple Pencil, keyboards, game controllers, pointers, Digital Crown, focus.
CX Codex +1
633installs
commercial skill Coordinates commercial photo and video production via the genmedia CLI. Helpful for product showcases, e-commerce assets, and brand-safe promotional visuals.
CX Codex +1
391installs
user-flows-and-guided-paths skill Guides the creation of multi-step wizards, checkout sequences, and onboarding journeys. Helps maintain clear step progression without trapping users.
CX Codex +1
879installs
design-system skill Captures brand identity via a 10-question wizard and validates WCAG 2.2 AA contrast. It derives 12 CSS tokens in HSL for markdown-html converters.
33installs
responsive-paradigms skill Sets responsive design guidelines for AI coding agents, treating mobile, tablet, and desktop as distinct interaction paradigms rather than a single scaled layout.
CX Codex +1
875installs
gestalt-ui-organisation skill A skill that lays out controls by Gestalt principles so users see what belongs together without reading labels. Useful for toolbars, forms, navigation and dashboards.
CX Codex +1
879installs
1,321–1,360 of 2,133
