5,499,667 AI resources indexedWorking toward the world’s largest AI resource index.

PDF

Agent skills

Reusable instructions for compatible AI agents.

How to use the library

Explore by field

Loading catalog totals…
Browse full catalog

Field counts come from the latest full-catalog snapshot. A resource can belong to several fields and platforms.

Resources

Search results
Search stays within agent skills.
Agent skill

UI Final Polish

Final visual polish for an existing UI without redesigning it. Use after structure is clear, when asked to improve spacing, alignment, text hierarchy, readability, shadows, highlights, effects, action placement, or overall production feel. For screen structure, layer naming, code handoff, preview...

ClaudeCodexOpenClawDesign
JohnWayneeee0
Agent skill

Outcome Action Modeling

Model product UI actions from user intent questions after a meaningful outcome, completion, created resource, imported data, uploaded file, synced integration, report, deployment, automation, review state, handoff, or workflow milestone. Use when deciding which actions to show, hide, group, name,...

ClaudeCodexOpenClawDesign
JohnWayneeee0
Agent skill

Browser Audit

Run a pre-deploy browser audit of a live, preview, or local web page for accessibility, SEO, Lighthouse quality, and critical UX issues. Use when asked to audit a page/site before deployment, check WCAG 2.2 AA, WAI-ARIA, Lighthouse, accessibility, SEO, contrast, keyboard navigation, focus states,...

ClaudeCodexOpenClawDesign
JohnWayneeee0
Agent skill

Pencil To Code

Convert Pencil `.pen` design files and named Pencil node IDs into production frontend code. Use when asked to implement, migrate, reproduce, or refine a Pencil/Figma-like visual design in code, especially for responsive artboards, glassmorphism, typography matching, background image layers, desig...

ClaudeCodexOpenClawDesign
JohnWayneeee0
Agent skill

Workflow Node Setup

Configure, adjust, debug, and verify React Flow workflow nodes. Use when working on custom node components, especially for node handles, multi-channel connections, edge ids/styles, NodeResizer behavior, drag handles, nodrag/nowheel areas, and markdown scroll containers.

ClaudeCodexOpenClawDesign
JohnWayneeee0
Agent skill

React Flow Best Practices

Best practices for writing, reviewing, and refactoring React Flow / @xyflow/react v12 canvases. Use when work touches React Flow components, custom nodes, custom edges, handles, node data typing, viewport controls, MiniMap/Background/Panel usage, NodeToolbar, NodeResizer, or workflow-builder revi...

ClaudeCodexOpenClawDesign
JohnWayneeee0

Platform labels describe intended use. Read each resource's author credits, requirements and available access methods.