rayden-ui-design-skill
Pacote de plugins · playbookTV
rayden-ui-design-skill é um pacote de plugins para ferramentas de programação com IA publicado por playbookTV. Marketplaces que lemos e que o listam: 1 (Claude Code: claude-plugins-community). Vimos pela primeira vez em 2026-10-11 e não registramos mudanças desde então. Conforme nossa passagem pelos marketplaces em 2026-10-12.
Generate React code and build Figma designs with the Rayden UI component library. Includes full component API reference, design tokens, craft rules, anti-patterns, and layout patterns
- Marketplaces
- 1
- Onde roda
- Instala-se como pacote de plugins
- Maior número publicado
- 1 Estrelas (GitHub) · Claude Code: claude-plugins-community
- Visto pela primeira vez
- 2026-10-11
- Última mudança
- Nenhuma registrada
- Marca de verificação
- Sem marcação
Onde está publicado
| Marketplace | Status | Versão | Números | Verificado | Visto pela primeira vez |
|---|---|---|---|---|---|
| Claude Code: claude-plugins-community (Abrir o código no GitHub) | Listado | 2.0.0 | Forks (GitHub): 0 Estrelas (GitHub): 1 |
Sem marcação |
Cada número é do próprio marketplace e nunca é somado entre marketplaces. Um marketplace que não publica números não mostra nenhum: sem número não é zero.
O que pode fazer
Instala-se na ferramenta de IA como pacote de plugins; o que ele inicia está listado abaixo.
Nenhum dos marketplaces que lemos publica as ferramentas ou as configurações que ele pede.
O que o pacote contém
Conforme publicado em Claude Code: claude-plugins-community.
Skills: 2
rayden-coderayden-use
O que mudou
Nada mudou neste plugin desde que começamos a acompanhá-lo.
O editor
playbookTV · Repositório: github.com/playbooktv/rayden-ui-design-skill
Plugins semelhantes
Produtos cujos próprios nomes, descrições, ferramentas e skills são os mais próximos deste pelo significado, em todos os marketplaces que lemos. A proximidade é ordenada apenas dentro desta lista.
- pixBuild frontend on autopilot. Pixel-perfect Figma-to-code with autonomous refinement.
- figmaFigma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
- FigmaFigma workflows for design implementation, Code Connect templates, and design system rule generation.
- UI FactoryGenerates React components and design frameworks from visual layouts.
- HTML to Figma — Design SystemTranslate HTML prototypes into Figma using your design system's real components and tokens.
- Figma-Context-MCP io.github.GLips/Figma-Context-MCPGive your coding agent access to your Figma data. Implement designs in any framework in one-shot.
- f-mcp-bridgeConnect Claude Code to Figma with 46 MCP tools, 20 specialized skills, and 8 commands. Read, write, and analyze Figma designs directly — no REST API token required. Privacy-first…
- bridge-dsAI-powered design generation in Figma using your real design system. Bridge extracts your DS (components, tokens, styles), writes validated specs, and generates production-ready…
- design-system app.zaklad/design-systemBuild and manage your design system with AI: tokens, themes, components, icons, Figma and code.
- figma-react io.github.MananSingh2001/figma-reactAn MCP server that converts Figma designs into React code.
Plugins semelhantes por marketplace
A mesma pergunta feita a cada marketplace separadamente: existe lá um equivalente deste plugin?
Listado em Claude Code: claude-plugins-community (5)
- pixBuild frontend on autopilot. Pixel-perfect Figma-to-code with autonomous refinement.
- f-mcp-bridgeConnect Claude Code to Figma with 46 MCP tools, 20 specialized skills, and 8 commands. Read, write, and analyze Figma designs directly — no REST API token required. Privacy-first…
- bridge-dsAI-powered design generation in Figma using your real design system. Bridge extracts your DS (components, tokens, styles), writes validated specs, and generates production-ready…
- pluginos-figma-operations-platformRun any Figma operation from any LLM agent at ~230 tokens per call instead of ~28,000 — a 15× cost reduction on real design workflows. PluginOS bridges your Figma files to Claude…
- aio-design-systemAll in one skills about software design, UI/UX
Listado em Claude Code: claude-plugins-official (5)
- figmaFigma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
- SuperdesignDesign or redesign frontend UI and marketing graphics on the Superdesign infinite canvas. Reads your codebase for context, sets up a design system, and generates branchable design…
- frontend-designCreate distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.
- playgroundCreates interactive HTML playgrounds — self-contained single-file explorers with visual controls, live preview, and prompt output with copy button. Includes templates for design…
- ui-theme-designerPlugin for coding agents working with UI theme designer. Bundles two skills: how-to and conceptual answers about UI theme designer on BTP, and questions about the SAP Design…
Listado em Claude: knowledge-work-plugins (5)
- figmaFigma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
- DesignAccelerate design workflows — critique, design system management, UX writing, accessibility audits, research synthesis, and dev handoff. From exploration to pixel-perfect specs.
- UnityUnity's official plugin for Claude Code, with curated skills for game development, monetization, and performance optimization.
- canvaCreate, edit, review, resize, and brand-check Canva designs with the Canva MCP server.
- adobe-for-creativityHarness Adobe's creative AI-powered tools to edit images, automate design workflows, and bring creative visions to life — from background removal to vectorization and professional…
Listado em Codex: openai-curated (openai/plugins) (5)
- FigmaFigma workflows for design implementation, Code Connect templates, and design system rule generation.
- MagicPathUse MagicPath to find, inspect, install, create, and edit UI components from Codex.
- Build Web AppsBuild web apps with frontend asset design, browser testing, UI components, payments, and database guidance.
- Product DesignThe Product Design plugin is built for turning early ideas into prototypes teams can review. It starts design and build work by confirming the brief, then helps teams explore…
- CanvaBring your Canva design workflow into Codex and create, refine, and review designs through natural conversation. Available skills: Resize for social media: Adapt a design for…
Listado em Community GitHub marketplaces (5)
- canvaCreate, edit, review, resize, and brand-check Canva designs with the Canva MCP server.
- run-workflowDiscover, compose, run, publish, and save Adobe Firefly workflows through the run-workflow MCP server, including predefined featured workflows for common marketing and production…
- atomic-agentsComprehensive development workflow for building AI agents with the Atomic Agents framework. Includes specialized agents for schema design, architecture planning, code review, and…
- base44Build and deploy Base44 full-stack apps with CLI project management and JavaScript/TypeScript SDK development skills
- stardustRedesign an existing website to make it better. Higher-level guided flow on top of impeccable.
Listado em Copilot CLI: github/awesome-copilot (5)
- figmaFigma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
- frontend-web-devEssential prompts, instructions, and chat modes for modern frontend web development including React, Angular, Vue, TypeScript, and CSS frameworks.
- ui-theme-designerEquips AI coding agents with knowledge and tooling for working with UI theme designer, the SAP Design System, and SAP Fiori design tokens.
- rayfinGetting-started router skill for Rayfin - scaffold a new app with the Rayfin CLI, then use the version-locked skill installed in the project.
- radiusModel, visualize, and deploy applications with Radius from the GitHub Copilot app and CLI.
Listado em Copilot CLI: github/copilot-plugins (5)
- canvas-appsBuild Power Apps Canvas Apps using the Canvas Authoring MCP server.
- code-apps-previewBuild and deploy Power Apps code apps using React, Vite, and Power Platform connectors.
- microsoft-365-agents-toolkitToolkit for building Microsoft 365 Copilot declarative agents — scaffolding, JSON manifest development, and capability configuration.
- mobile-appBuild and deploy Power Apps code apps for mobile using Expo (React Native), with native device functionality and Power Platform connectors
- mcp-appsGenerate MCP App widgets for MCP tools. Produces self-contained HTML widgets using the MCP Apps protocol.
Listado em Cursor: cursor/plugins (5)
- PR Review CanvasRender PR diffs as review canvases grouped by importance.
- Docs CanvasRender documentation as a navigable canvas.
- Cursor SDKBuild apps, scripts, and automations with the TypeScript SDK.
- GammaGenerate presentations, documents, and webpages.
- Origin AppsSkills for building on the Cursor Origin API. Fetch the live spec first, then follow the Origin rules for credentials, scopes, webhooks, paging, and errors. Includes a skill that…
Listado em Docker MCP Catalog (5)
- GlifGenerate images, video, and audio with Glif's media-generation agent
- EffectTools and resources for writing Effect code in Typescript.
- Astro DocsAccess the latest Astro web framework documentation, guides, and API references.
- Next.js DevToolsnext-devtools-mcp is a Model Context Protocol (MCP) server that provides Next.js development tools and utilities for AI coding assistants.
- Sequa.AIStop stitching context for Copilot and Cursor. With Sequa MCP, your AI tools know your entire codebase and docs out of the box.
Listado em Official MCP Registry (5)
- figmaFigma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
- UI FactoryGenerates React components and design frameworks from visual layouts.
- HTML to Figma — Design SystemTranslate HTML prototypes into Figma using your design system's real components and tokens.
- Figma-Context-MCP io.github.GLips/Figma-Context-MCPGive your coding agent access to your Figma data. Implement designs in any framework in one-shot.
- design-system app.zaklad/design-systemBuild and manage your design system with AI: tokens, themes, components, icons, Figma and code.
Encontrados pelo significado, não por código ou repositório em comum: plugins semelhantes continuam sendo produtos distintos, e isto não é uma avaliação nem uma recomendação.
Este plugin é seu?
Comprove que você mantém o plugin com um arquivo no repositório, um arquivo no seu domínio ou um registro DNS. Você recebe alertas quando um marketplace o publica, o remove, muda o selo de verificado ou o que ele pede, e pode colocar o endpoint remoto em monitoramento como serviço web.
Dados de Claude Code: claude-plugins-community. Os números vêm das nossas próprias passagens regulares pelos marketplaces, última leitura em . Não publicamos dados de contato dos editores de plugins.