NeVibeCode · repository · 106 items
open-design: a set by nexu-io
The nexu-io/open-design repository on GitHub: 106 cards with a description and an install command.
full-page-screenshot skill This skill captures full-page screenshots of web pages using Chrome DevTools Protocol with no external dependencies. Handy for portfolios, case studies, and audit reports.
Claude Code CX Codex Cursor +1
2,700installs
artifacts-builder skill A skill designed for generating multi-component claude.ai HTML artifacts. It uses React and Tailwind CSS alongside shadcn/ui components.
Claude Code CX Codex Cursor +1
2,700installs
minimax-pdf skill Generates, fills, and reformats PDFs with a token-based design system and 15 cover styles. Useful for branded PDFs, e-guides, and reports.
Claude Code CX Codex Cursor +1
2,700installs
impeccable-design-polish skill Polishes existing HTML pages by removing generic AI styling cues, fixing mobile layout bugs, and tightening accessibility.
Claude Code CX Codex Cursor +1
2,500installs
weread-year-in-review-video-template skill Creates a vertical 9:16 HTML video for WeRead-style annual reading reports: stats, notes, keywords, and a reading persona card.
Claude Code CX Codex Cursor +1
2,400installs
emilkowalski-motion skill Adds micro-interactions, state transitions and motion to an existing interface. Use it after the layout or component is already built.
Claude Code CX Codex Cursor +1
2,300installs
research-decision-room skill Turns messy interview notes, support tickets, and surveys into a single interactive HTML decision room without fabricating certainty.
Claude Code CX Codex Cursor +1
2,100installs
ecommerce-image-workflow skill Turns a product reference photo into a compact ecommerce image set: main packshot on white, feature detail close-up, and lifestyle scene while preserving exact color, shape, and logo.
Claude Code CX Codex Cursor +1
2,000installs
high-end-visual-design skill This skill sets visual rules for website work, from typography and layouts to cards and motion. Use it when an agent needs a defined design direction instead of its usual defaults.
Claude Code CX Codex Cursor +1
1,900installs
brandkit skill Generates presentation boards with logo, palette, typography and mockups — studio-grade identity decks.
Claude Code CX Codex Cursor +1
1,900installs
image-to-code skill A skill for visually important web tasks. It generates design images first, analyzes them, then builds frontend to match the references.
Claude Code CX Codex Cursor +1
1,800installs
gpt-taste skill Enforces strict frontend design rules: prevents multi-line hero titles, fixes empty bento grid cells, and adds advanced GSAP scroll physics.
Claude Code CX Codex Cursor +1
1,800installs
redesign-existing-projects skill Audits an existing interface and updates a website or app without changing its working product structure. Use it when the UI feels generic or lacks visual hierarchy.
Claude Code CX Codex Cursor +1
1,800installs
pr-feedback-quality-gate skill Skill for tracking pull request feedback, resolving merge conflicts, and validating fixes. Runs read-only cross-review before commit to catch issues in follow-up changes.
Claude Code CX Codex Cursor +1
1,800installs
export-download-debugging skill Diagnoses and resolves failed downloads, broken File System Access API calls, and 0 KB file exports in browsers and Electron shells.
Claude Code CX Codex Cursor +1
1,800installs
od-contribute skill This skill guides contributions to OpenDesign, from submitting a skill or design system to translating docs, fixing text, or reporting a bug.
Claude Code CX Codex Cursor +1
1,800installs
industrial-brutalist-ui skill A skill that locks in a raw mechanical visual style for dashboards, portfolios and editorial sites. Rigid grids, monospaced data type, utilitarian colors and analog degradation effects.
Claude Code CX Codex Cursor +1
1,700installs
design-taste-frontend-v1 skill The original v1 frontend taste skill for clean React and Tailwind CSS output. It keeps strict guardrails for projects that need backward compatibility with early generations.
Claude Code CX Codex Cursor +1
1,700installs
imagegen-frontend-mobile skill Generates premium mobile screen images and flows for iOS, Android, and cross-platform with clean hierarchy, readable text, and controlled palettes.
Claude Code CX Codex Cursor +1
1,700installs
imagegen-frontend-web skill Directs AI to generate section-by-section web design references. It enforces one horizontal image per section instead of squashing the page into one graphic.
Claude Code CX Codex Cursor +1
1,700installs
reference-design-contract skill Turns screenshots, URLs, product notes, and vague style requests into DESIGN.md plus an implementation handoff. Use it before prototypes or redesigns.
Claude Code CX Codex Cursor +1
1,700installs
full-output-enforcement skill This skill asks an agent to return complete implementations without omitted sections or placeholder code. Use it when a partial answer would not meet the request.
Claude Code CX Codex Cursor +1
1,600installs
brand-extract skill Extracts a complete brand kit from a live website via the in-app browser. Gathers semantic colors, fonts, logos, and generates brand.json.
Claude Code CX Codex Cursor +1
1,100installs
library-curator skill Pulls images, logos and screenshots out of the OD Library and copies the file into your project, handing back a relative path you can drop into markup.
Claude Code CX Codex Cursor +1
951installs
chat-motion-overlay skill Builds animated chat scenes from text or screenshots, then prepares them for Remotion rendering. Use it for message bubbles, app-style chat views, and transparent overlays.
Claude Code CX Codex Cursor +1
820installs
design-taste-frontend skill Skill for landing pages, portfolios and redesigns. The agent reads the brief, picks a design system and ships interfaces without AI templates.
Claude Code CX Codex Cursor +1
808installs
81–106 of 106