An AI agent skill that indexes ready-made design assets, stock photos, icons, fonts, color palettes, mockups, UI kits, and templates for seamless frontend development and design curation.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install design-assets-index
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install design-assets-index using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is design-assets-index?
The design-assets-index is a powerful resource indexer for Openclaw Skills designed to give AI agents immediate access to high-quality, ready-made design assets. It acts as an intelligent navigation directory, instructing agents on where to find the best external design elements like stock imagery, custom fonts, vector graphics, and accessible UI frameworks. By aggregating top-tier selections directly from curated repositories like awesome-design and design-resources-for-developers, this skill bridges the gap between raw web development and polished aesthetic design.
Instead of wasting time prompting an agent to search the broader web blindly, this skill provides structured inline access to top recommendations alongside deeper reference files categorized by domain. This ensures that whenever a developer or user asks for placeholders, component styling, or visual components, the AI agent can intelligently serve the most relevant resources instantly.
design-assets-index Use Cases
- When an agent needs placeholder images, stock photography, or hero assets during frontend layout prototyping.
- When building application user interfaces and requiring quick access to customizable SVG icons or comprehensive vector libraries.
- When establishing brand identity or generating new frontend themes that require precise color palettes and modern font typography pairings.
- When creating photorealistic product previews, device frames, or browser mockups to display screenshots professionally.
- When looking for unstyled accessible web components, open-source illustrations, or ready-made responsive HTML5/CSS3 application templates.
How design-assets-index Works
- The user or agent triggers a design-related prompt, such as asking for a placeholder graphic, an icon set, or a UI template.
- The Openclaw Skills agent scans the inline design-assets-index configuration to extract immediate top-tier asset platforms.
- If more granular options are required, the agent navigates into the sub-directory markdown files under the reference system to read exhaustive asset links.
- The agent provides the final curated assets complete with metadata details, usage links, and descriptions back to the user workflow.
design-assets-index Setup
To integrate this configuration index into your Openclaw Skills workspace, clone the asset files into your agent's active system directories or reference paths:
mkdir -p tools/skills/design-assets-index/references
# Copy the SKILL.md and reference markdown files into your active agent directory
Ensure your core developer agent has read permissions enabled for the references/ directory to seamlessly traverse localized asset collections.
design-assets-index Data Schema & Taxonomy
The skill manages its assets using a lightweight, highly structured layout of Markdown files categorized by specific visual domains:
| File Path | Asset Type | Description |
|---|---|---|
references/stock-photos.md |
Stock Photography & Videos | Curated platforms for high-resolution images like Unsplash and Pexels. |
references/icons.md |
SVG & Vector Icon Sets | Open-source iconography libraries including Tabler Icons and Lucide. |
references/fonts.md |
Typography & Font Packages | Web font distribution networks such as Google Fonts and Fontsource. |
references/color-palettes.md |
Schemes & Gradients | Rapid palette engines and color generator toolsets. |
references/mockups.md |
Device & UI Mockups | Tools to wrap screenshots in photorealistic device frames. |
references/ui-kits.md |
UI Elements & Illustrations | HTML/CSS components and custom digital illustration libraries. |
references/templates.md |
Boilerplates & Themes | Complete responsive starter kits and production-ready themes. |
design-assets-index Advanced Features
- Context-aware routing that allows an AI agent to automatically parse the
references/directory on-demand without overloading the system context window. - Multi-category baseline indexing enabling fast fallback to top recommendations (2-3 inline entries per section) for zero-latency lookups.
- Standardized entry taxonomy mapping formatting consistently to ease automated regex scanning and link extraction for programmatic workflows.
SKILL.md
Loading
Related Openclaw Skills
Axion Forecasting
An advanced AI-driven research and forecasting skill that runs multi-agent pipelines to generate graded, evidence-backed probabilistic estimates.
Green Screen Cutout Assets
An automated workflow for generating green-screen raster assets and executing robust chroma-key cutouts to create high-quality transparent PNGs.
iOS Motion Patterns Index
An interactive index of ready-to-run Swift animation code examples spanning 8 user interface categories sourced from the MotionBook collection.
AI Rugby Guide
An AI-powered sports domain expert providing complete rules, positioning, tactics, and training methodologies for Rugby Union, Rugby League, and NFL.
Gaokao Volunteer Advisor
An AI-driven decision assistant that helps families evaluate Chinese college admissions, campus safety, and career outcomes beyond just test scores.
Diamond Sutra Cognitive Wisdom (jingangjing-wisdom)
The jingangjing-wisdom skill integrates the core philosophical tenets of the Diamond Sutra into your AI workflow, enabling cognitive reframing, attachment dissolution, and spiritual cultivation.
Featured*
