figmaProfessional Figma design analysis and asset export. Use for extracting design data, exporting assets in multiple formats, auditing accessibility compliance, analyzing design systems, and generating comprehensive design documentation. Read-only analysis of Figma files with powerful export and reporting capabilities.
Install via ClawdBot CLI:
clawdbot install maddiedreese/figmaGrade Good — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Generated Feb 27, 2026
A design agency needs to migrate a client's legacy design system from multiple tools into a unified Figma library. This skill extracts all components, styles, and design tokens, audits for consistency, and generates comprehensive documentation and CSS custom properties for handoff, ensuring a smooth transition and maintainable system.
A financial technology company must ensure its mobile app design meets WCAG AA standards for regulatory compliance. The skill analyzes color contrast, font sizes, and interactive elements, generating detailed accessibility reports to identify and fix issues before development, reducing legal risks and improving usability.
A marketing team requires high-quality assets in multiple formats for a global campaign. This skill batch-exports frames and components as PNG, SVG, and PDF, organizing them into platform-specific folders with proper scaling, streamlining asset delivery and ensuring brand consistency across digital and print materials.
A SaaS company wants to optimize its Figma component library by identifying unused components and inconsistencies. The skill analyzes usage patterns, extracts design tokens, and generates recommendations for consolidation, improving design efficiency and reducing maintenance overhead for the product team.
A freelance designer needs to provide a polished handoff package to a client, including assets, style guides, and specifications. The skill exports assets in required formats, audits brand compliance, and generates documentation templates, saving time and enhancing professionalism in client deliverables.
Offer this skill as part of a monthly subscription service for design teams, providing ongoing access to Figma analysis, export, and auditing features. Revenue is generated through tiered pricing based on usage, such as number of files analyzed or assets exported, appealing to agencies and in-house teams.
Sell the skill as a consulting service for specific projects, such as design system audits or accessibility checks, with fixed pricing per engagement. This model targets clients needing expert analysis without long-term commitments, generating revenue through project fees and potential upsells for additional services.
License the skill to large enterprises or design tool providers as a white-labeled solution, integrating it into their internal workflows or products. Revenue comes from annual licensing fees and customization charges, leveraging the skill's capabilities for bulk processing and compliance in regulated industries.
💬 Integration Tip
Integrate this skill into CI/CD pipelines by automating design token generation and accessibility checks, ensuring consistent updates and compliance in development workflows without manual intervention.
Scored Apr 15, 2026
UI/UX design intelligence and implementation guidance for building polished interfaces. Use when the user asks for UI design, UX flows, information architecture, visual style direction, design systems/tokens, component specs, copy/microcopy, accessibility, or to generate/critique/refine frontend UI (HTML/CSS/JS, React, Next.js, Vue, Svelte, Tailwind). Includes workflows for (1) generating new UI layouts and styling, (2) improving existing UI/UX, (3) producing design-system tokens and component guidelines, and (4) turning UX recommendations into concrete code changes.
Generate and serve live HTML/CSS/JS UI designs from natural language prompts. Use when the user asks to design, create, build, or prototype a website, landing page, UI, dashboard, web page, or frontend mockup. Also triggers on requests to update, tweak, or iterate on a previously generated design. Replaces traditional UI design + frontend dev workflow.
Comprehensive UI design skill covering fundamentals, patterns, and anti-patterns. Layout, typography, color, spacing, accessibility, motion, and component design. Use when building any web interface, reviewing design quality, or creating distinctive UIs.
UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer han...
Next.js 16 Cache Components - PPR, use cache directive, cacheLife, cacheTag, updateTag
Automation skill for ui-designer.