Frontend & Design · By nexu-io

Connect Figma design components to code components using Code Connect so design-system updates flow into the codebase automatically.

nexu-io/open-design

Generate project-specific design system rules for Figma-to-code workflows.

nexu-io/open-design

Create a new blank Figma Design or FigJam file. An agent skill from nexu-io/open-design.

nexu-io/open-design

Build or update screens in Figma from code or description using design system components.

nexu-io/open-design

Build or update a professional-grade design system library in Figma from a codebase.

nexu-io/open-design

Translate Figma designs into production-ready code with 1:1 visual fidelity.

nexu-io/open-design

Run Figma Plugin API scripts for canvas writes, inspections, variables, and design-system work.

nexu-io/open-design

Full-stack frontend with cinematic animations, AI-generated media via MiniMax API, and generative art.

nexu-io/open-design

Create visually strong landing pages, websites, and app UIs with restrained composition.

nexu-io/open-design

Generate and edit images using OpenAI's Image API for project assets — UI mockups, icons, illustrations, social cards, and visual references.

nexu-io/open-design

Generate images using Google Gemini's image generation API for UI mockups, icons, illustrations, and visual assets.

nexu-io/open-design

Default reference pipeline for the figma-migration taskKind — figma-extract → token-map → generate → critique.

nexu-io/open-design

300+ design rules from Apple HIG, Material Design 3, and WCAG 2.2 for cross-platform apps.

nexu-io/open-design

Generate marketing screenshots with Playwright. An agent skill from nexu-io/open-design.

nexu-io/open-design

Build UI components with shadcn/ui. An agent skill from nexu-io/open-design.

nexu-io/open-design

Iterative design-to-code feedback loop. An agent skill from nexu-io/open-design.

nexu-io/open-design

Apply professional font and color themes to artifacts including slides, docs, reports, and HTML landing pages.

nexu-io/open-design

Use this plugin when the user wants a "NYT-Style Data Chart Frame" HyperFrames motion video — NYT-newsroom typography, staggered reveal animation, and editorial-grade charts (line, bar, or range…

nexu-io/open-design

Use this plugin when the user wants a "Vignelli" HyperFrames motion video — Bold typography with red accents

nexu-io/open-design

Build complex claude.ai HTML artifacts with React and Tailwind.

nexu-io/open-design

WordPress Design System. An agent skill from nexu-io/open-design.

nexu-io/open-design

Five-dimension design quality review — score the artifact against craft, brand, accessibility, and copy, then fix what falls short before handing it over.

nexu-io/open-design

Motion-design follow-up skill inspired by Emil Kowalski's animation guidance.

nexu-io/open-design

Push the run's accepted artifact to a downstream collaboration surface (cli, other code agents, cloud, desktop) and stamp the artifact manifest with the export target.

nexu-io/open-design

Follow-up design polish skill inspired by Impeccable. An agent skill from nexu-io/open-design.

nexu-io/open-design

Give one short headline quiet premium emphasis: a slow on-brand gradient drifts through the type.

nexu-io/motion-anything

Warm parchment canvas (f5f4ed), monochrome ink-blue accent (1B365D), one serif family, and editorial-grade typography.

nexu-io/open-design

Stagger a headline's words (or letters) in on load, one after another.

nexu-io/motion-anything

NYT-newsroom typography, staggered reveal animation, and editorial-grade charts (line, bar, or range band).

nexu-io/open-design

TodoWrite-driven plan that the agent commits to before generation.

nexu-io/open-design

Skeleton placeholders with a soft sweeping shimmer while content loads.

nexu-io/motion-anything

Resolves the visual direction at the plan stage from the brief and design system, without asking the user.

nexu-io/open-design

Acknowledge a tap/click with a ripple that blooms from the exact press point.

nexu-io/motion-anything