FigUI3

Trust Score 91/100

Guidance for developing and maintaining the FigUI3 web components library (fig-*) with best practices for accessibility, React/Vite integration, theming, and ov

triggers:figui3fig-* componentsweb componentsfig-dialogfig-popupreact integrationcolor picker

GitHub SKILL.md

What it does

Provides a practical, component-focused guide for contributing to and integrating the FigUI3 web components library used for Figma-style plugin UIs. It documents principles, integration patterns (React + Vite), experimental feature guidance, overlay and accessibility rules, and release checklists.

When to use it

Use this skill when you are adding or modifying fig-* custom elements, updating docs or demos, adjusting theme tokens, improving accessibility, debugging component behavior in fig.js/components.css/index.html, or integrating the library into React/Vite apps. Also useful before making breaking changes or releases.

What's included

Scripts: none (has_scripts=false)
References: none (has_references=false)
Instructions: Practical rules for component architecture, event contracts (input/change), React integration tips (registration/import), color picker mode extensibility, overlay selection (fig-dialog vs fig-popup), theming and accessibility best practices, and a release checklist.

Compatible agents

{}

Audit Summary

Project-specific guidance skill for FigUI3 web components library (Figma UI3-style plugin interfaces). No bundled scripts — purely a SKILL.md with comprehensive React/Vite integration instructions, component architecture rules, event contracts, and accessibility guidance. Well-structured and thorough for its niche, but audience is limited to FigUI3 contributors.

Watch Out

The JSON code block runs `node -e` to read package.json — this is read-only and safe but agents should treat dynamic JSON blocks with caution
Skill is user-invocable: false — it's meant to be triggered by context, not direct invocation

Notes

Clean skill with no security concerns. No scripts to execute. The skill is well-documented and follows good practices for a project-specific development guide. Niche audience limits usefulness score.

Information

Repository: figui3
Stars: 54
Installs: 0

Trust Score

Overall91

Security100

Code Quality88

Architecture72

Usefulness42

Related Skills

Scientific Schematics & Diagrams

Generate publication-quality scientific diagrams via AI with iterative quality review and smart regeneration for journal, conference, poster, and presentation o

Clerk Vue Patterns

Vue 3 integration patterns for Clerk: composables, router guards, and Pinia auth store integration.

Colorize (Strategic UI Color)

Introduce purposeful color into monochromatic or dull interfaces to improve hierarchy, meaning, and emotional warmth while preserving accessibility.

OpenTestAI

Automated, high-confidence AI testing: bug detection, persona feedback, and prioritized test-case generation using many specialized tester profiles.

Cognitive Accessibility Specialist

Audits content, forms and authentication flows for cognitive accessibility (WCAG 2.2 / COGA) and gives prioritized remediation and plain-language guidance.

Agent Browser — Core

Core usage guide for agent-browser: snapshot-and-ref browser automation to navigate pages, interact with elements, extract data, take screenshots, manage sessio

React Development Expert

Provides authoritative React guidance on hooks, state patterns, Server Components, performance optimization, and common architectural patterns.

Migrate from Next.js App Router to TanStack Start

Step-by-step migration checklist to move an App Router Next.js codebase to TanStack Start, covering routes, server functions, middleware, data fetching and buil

Back to Skills