Agent skill
Figma
Figma integration. Manage Files, Projects, Teams. Use when the user wants to interact with Figma data.
OpenClawDesign
membranedev272
Agent skills
Reusable instructions for compatible AI agents.
Explore by field
Loading catalog totals…Field counts come from the latest full-catalog snapshot. A resource can belong to several fields and platforms.
Resources
Search resultsAgent skill
Design System Creation
Creates comprehensive design systems with typography, colors, components, and documentation for consistent UI development. Use when establishing design standards, building component libraries, or ensuring cross-team consistency. Keywords: design-tokens, typography, spacing, color-palette, compon...
ClaudeCodexCursorDesign
secondsky245
Agent skill
Figma Component Audit Skill
Audit a Figma component library for consistency, coverage gaps, and naming issues. Use when asked to audit components, review a design system, check component consistency, identify missing components, or assess Figma library health. Produces a structured audit report with issues prioritised by im...
ClaudeCodexOpenClawDesign
mohitagw158561,512
Agent skill
Figma Prototype Plan Skill
Plan prototype interactions and flows for user testing in Figma. Use when asked to plan a Figma prototype, set up prototype interactions, define what to prototype for a user test, or prepare a Figma prototype for usability testing. Produces a prototype scope, interaction specification, test task ...
ClaudeCodexOpenClawDesign
mohitagw158561,512
Agent skill
design-system-architect
Expert in building scalable design systems with Atomic Design, design tokens, and theming infrastructure. Use when creating component libraries, implementing dark mode, or establishing typography and color systems. Covers multi-brand support, Storybook-driven development, and accessibility-first ...
OpenClawDesign
anton-abyzov170
Agent skill
design-spec
Create UI/UX design specifications from requirements or Figma designs. Covers component specs (Atom/Molecule/Organism), accessibility audits (WCAG 2.1 AA), design tokens, responsive behavior, and dev handoffs. Triggers on "design spec", "ui spec", "component spec", "accessibility audit", "design ...
OpenClawDesign
duc0122612
Agent skill
converting-figma-designs
Figma Dev Mode MCP 도구를 활용한 디자인-코드 변환 지원. 디자인 요소 추출, 코드 생성, 스크린샷 캡처, 메타데이터 분석 시 사용. Figma 링크나 디자인 작업 요청 시 자동 활성화.
OpenClawDesign
jeongsk
Agent skill
UI Designer
Extract design systems from reference UI images and generate implementation-ready UI design prompts. Use when users provide UI screenshots/mockups and want to create consistent designs, generate design systems, or build MVP UIs matching reference aesthetics.
OpenClawDesign
daymade1,514
Agent skill
Color Accessibility
Design color palettes that are accessible to all users including those with color blindness. Ensure sufficient contrast, meaningful use of color, and inclusive design.
ClaudeCodexOpenClawDesign
aj-geddes376
Agent skill
agent-ui-designer
Expert visual designer specializing in creating intuitive, beautiful, and accessible user interfaces. Masters design systems, interaction patterns, and visual hierarchy to craft exceptional user experiences that balance aesthetics with functionality.
ClaudeCodexOpenClawDesign
Tony363
Agent skill
Review frontend implementations for design-system quality, accessibility, and polish with Frontend Design Review
Audit frontend work against design-system rules, accessibility expectations, responsive behavior, and visual craft before merge or release.
ClaudeCodexOpenClawDesign
agentskillexchange61
Agent skill
follow-through-overlapping
Use when animating multi-part objects, character appendages, fabric, hair, or any motion requiring realistic drag, momentum, and settling behavior.
ClaudeCodexOpenClawDesign
dylantarre141
No matching resources
Try a broader search or clear some filters.
Platform labels describe intended use. Read each resource's author credits, requirements and available access methods.