yyl-test-skillProfessional Figma design analysis and asset export. Use for extracting design data, exporting assets in multiple formats, auditing accessibility compliance,...
Install via ClawdBot CLI:
clawdbot install yylgit/yyl-test-skillGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://api.figma.com/v1Audited Apr 18, 2026 · audit v1.0
Generated May 8, 2026
A design team needs to audit their Figma design system for inconsistencies in colors, typography, and component usage. Using the skill, they extract design tokens, analyze style variations, and generate a detailed report to guide improvements, ensuring brand compliance across all files.
A mobile app development team needs to export all design assets in multiple formats and scales (e.g., @1x, @2x, @3x for iOS) from a Figma file. The skill automates batch export with organized folder structure, saving hours of manual work and ensuring platform-specific asset delivery.
A web application design must meet WCAG AA standards. The skill checks color contrast, font sizes, and interactive element sizing, generating an accessibility report. The team uses this to fix compliance issues before launch, avoiding legal risks and improving usability.
A design agency needs to package final designs for a client, including assets in various formats and design documentation. The skill exports frames as PNG/SVG, generates style guides, and organizes files into a client-ready package, streamlining handoff and enhancing professionalism.
Offer a basic version of the skill for free with limited exports and analysis, and premium tiers for unlimited usage and advanced features like accessibility audits and brand compliance reporting.
Partner with large organizations to integrate the skill into their existing design workflows, providing custom features and dedicated support. Charge a per-seat license fee for enterprise access.
Offer the skill as an API endpoint for developers to integrate into their own tools and pipelines. Charge per API call, with volume discounts for high-usage customers.
💬 Integration Tip
To integrate effectively, set up environment variables for the Figma access token and use the provided Python scripts in your CI/CD pipeline to automate asset exports and design audits.
Scored May 8, 2026
Use when building UI with shadcn/ui components, Tailwind CSS layouts, form patterns with react-hook-form and zod, theming, dark mode, sidebar layouts, mobile navigation, or any shadcn component question.
Tailwind reference tool. Use when working with tailwind in frontend contexts.
A product creation skill based on the "Bee Website Builder" Open API. It is used to create a new product under a specified site language and product group, w...
A product update skill based on the "Bee Website Builder" Open API. It is used to update an existing product under a specified site language and supports upd...
Build WCAG 2.1 AA compliant websites with semantic HTML, proper ARIA, focus management, and screen reader support. Includes color contrast (4.5:1 text), keyboard navigation, form labels, and live regions. Use when implementing accessible interfaces, fixing screen reader issues, keyboard navigation, or troubleshooting "focus outline missing", "aria-label required", "insufficient contrast".
Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.