NeVibeCode · 2,133 items
Skills for Design
Skills for Design: what each one does, an install command and example prompts.
image-enhancer skill A skill that sharpens images and screenshots, raises their resolution and clears compression artifacts. Handy before publishing a post or a report.
989installs
k2f-menu skill Turns venue notes and dish lists into a scannable menu with clear categories and one price format. Built on the K2F format, exports to PDF.
CX Codex +1
691installs
syncfusion-react-themes skill This skill helps configure Syncfusion React themes, dark mode, CSS variables, icons, and component sizing. Use it when changing an app’s visual styling.
CX Codex +1
729installs
k2f-one-pager skill Turns notes, specs, and release details into structured single-page briefs with strict visual hierarchy using the K2F format.
CX Codex +1
688installs
k2f-event-program skill Transforms confirmed schedules, sponsor tiers, and tracks into clear attendee-facing event programs. Designed for booklets and digital PDFs.
CX Codex +1
686installs
indicator-designer skill Designs MEL/SRHR indicators against IPPF, UNFPA, and UNAIDS standards. Useful for results frameworks, KPI sets, and measurement plans.
CX Codex +1
656installs
syncfusion-react-diagram skill This skill helps build interactive React diagrams with Syncfusion Diagrams. Use it for flowcharts, BPMN, UML models, org charts, and related visual layouts.
CX Codex +1
719installs
visual-design-system-extractor skill Reverse-engineers screenshots, images, and live URLs into a deterministic YAML design system. Matches visual elements with rare Google Fonts families.
CX Codex +1
687installs
edgespark-frontend-design skill This skill gives frontend work a clear visual direction across layout, type, color, motion, and accessibility. Use it for new pages or redesigns.
CX Codex +1
588installs
k2f-research-deck skill Turns papers, study notes, and early data into research decks with traceable evidence, faithful metrics, and stated caveats.
CX Codex +1
660installs
k2f-pitch-deck skill Turns founder notes and metrics into a structured investor pitch deck. It is for creating a new deck, not filling an existing PowerPoint template.
CX Codex +1
630installs
syncfusion-react-appbar skill This skill helps build React navigation and action bars with AppBar. Use it for top, bottom, sticky, or responsive headers with controls and sidebars.
CX Codex +1
661installs
figma skill This skill wires Claude to the Figma MCP server: it pulls node context, a screenshot and assets, then turns the frame into code that matches your project.
858installs
k2f-event-poster skill Turns an event brief into a wall- or screen-ready poster with a clear headline, hero visual direction, and scannable logistics.
CX Codex +1
623installs
syncfusion-react-sidebar skill Build responsive Syncfusion React sidebars for navigation layouts. Use this skill for drawer menus, nested navigation, and mobile-friendly panels.
CX Codex +1
656installs
syncfusion-react-progress-bar skill Guides AI assistants in configuring Syncfusion React progress indicators. Useful when building file upload trackers, buffer meters, and task loaders.
CX Codex +1
654installs
sumsub-theme-msdk skill Scans native iOS or Android design tokens and generates theme configuration code to align Sumsub Mobile SDK KYC screens with your mobile app.
CX Codex +1
432installs
syncfusion-react-splitter skill This skill helps build React layouts with resizable panes, collapse controls, nested splits, and resize event handling.
CX Codex +1
653installs
accessibility-auditor skill Audits web interfaces for accessibility issues and suggests fixes for WCAG, ARIA, keyboard access, and screen-reader use.
846installs
syncfusion-react-stepper skill This skill helps an agent build React step flows for wizards, multi-step forms, and guided process screens.
CX Codex +1
649installs
syncfusion-react-cards skill This skill guides React card layouts with headers, images, action buttons, horizontal structure, and embedded Syncfusion components.
CX Codex +1
624installs
k2f-survey-form skill Blueprints research questionnaires, feedback forms, and pulse surveys in K2F format with consistent scales and clean hierarchy.
CX Codex +1
570installs
jimeng-api-image-gen skill This skill creates images through the Volcengine Jimeng API 4.0 from text or source images. Use it when an agent needs generated artwork inside a project.
CX Codex +1
501installs
k2f-intake-form skill This skill blueprints client, patient or project intake forms: section order, field density, and the intent behind a fillable layout. Useful when you start from scratch or rebuild an old PDF.
CX Codex +1
559installs
draw-io skill A Claude skill that edits .drawio XML, converts diagrams to PNG and fixes element layout.
757installs
syncfusion-react-calendars skill A skill for building Syncfusion calendar controls in React, including date, range, and time selection with validation and formatting.
CX Codex +1
541installs
figma-implement-design skill Turns a Figma node into code that fits your project: pulls the design context, a screenshot and assets over Figma MCP, then maps them onto your components and tokens.
689installs
storefront-builder skill Walks an agent through building a Saleor storefront: GraphQL wiring, design, then catalog with variant selection. Useful when the frontend exists but the data layer does not.
CX Codex +1
384installs
interactive-portfolio skill A skill that shapes a personal portfolio so a visitor gets who you are and what you do within seconds. Aimed at developers and designers.
608installs
claude-d3js-skill skill Tells the agent how to build non-standard d3.js visualisations: network graphs, geographic maps, choreographed transitions. Useful when off-the-shelf charting libraries fall short.
531installs
frontend-ui-dark-ts skill A skill for building dark React interfaces with Tailwind CSS: custom theming, glassmorphism, Framer Motion animations. Handy for dashboards and admin panels.
5installs
photoshop-automator skill This skill lets an agent control Adobe Photoshop through ExtendScript: edit layer text, add layers, run filters, play actions and export files.
CX Codex +1
477installs
moda-brand skill Create or update brand kits, apply their colors, fonts, and logos to a canvas, then audit the design. Useful when building a branded design or making a rebrand.
CX Codex +1
469installs
moda-core skill A base skill for Moda setup, authentication, and request routing. Use it when you need to find the right Moda skill or recover from a failed CLI call.
CX Codex +1
447installs
mobile-first-website-design skill A skill that walks the agent through landing and marketing pages: style-free structure first, identity second, implementation from the narrowest width up.
CX Codex +1
318installs
design-like-im-5 skill A skill for designing and reviewing interfaces: keeps the user-facing core simple and checks states, inputs and screen sizes.
CX Codex +1
304installs
dtcg-tokens skill Turn multimodal source material into DTCG tokens, evidence data, and an HTML proof artifact. Use it when token choices need to trace back to inspectable source material and pass visual review.
CX Codex +1
303installs
by-design skill by-design turns design critique into a record of choices, trade-offs, and decisions no one made. Use it to assess an existing screen or shape work that has not been built yet.
CX Codex +1
302installs
magicpath
official skill This skill wires the agent to the MagicPath platform: it finds canvas components, installs them into your repo and edits them as code. Handy when design lives in MagicPath and the app lives in git.
CX Codex GP ChatGPT
★ 7,604repo stars
produce
official skill Automates visual asset generation and reviews on a Codex interactive board. It creates ad directions, product scenes, and style concepts.
CX Codex GP ChatGPT
★ 7,604repo stars
1,961–2,000 of 2,133
