skills.rest
dlwlrmax
dlwlrmaxCOMMUNITY
Explore all skills by this author →
GitHub

design-category-pointer

Routes design tasks to 28 specialized design skills stored in an external vault.

Updated Sep 13, 2023
Search Tags:#design#accessibility#figma#design tokens#wcag#skill routing#ui ux
One-click install
npx skills add https://github.com/dlwlrmax/.dotfiles --skill design-category-pointer-dlwlrmax
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-category-pointer
Source: https://github.com/dlwlrmax/.dotfiles/tree/main/opencode/.config/opencode/skills/design-category-pointer
Command: npx skills add https://github.com/dlwlrmax/.dotfiles --skill design-category-pointer-dlwlrmax

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Loading dozens of design skills at once would bloat the AI's startup context. This pointer skill keeps context minimal by listing 28 specialized design skills and loading each one's full instructions from a vault only when needed. ## Core Features & Use Cases - Skill Discovery: Browse a catalog of 28 design skills covering UI/UX, accessibility (WCAG), Figma/Canva/Webflow automation, 3D web experiences, and design tokens. - On-Demand Loading: Read a specific skill's SKILL.md from the vault path only when the task requires it, keeping startup context small. - Use Case: When asked to audit a page for WCAG 2.2 compliance, identify the wcag-audit-patterns skill in the list, read its instructions from the vault, and follow them to complete the audit. ## Quick Start Ask the AI to handle a design task, and it will match the request to one of the 28 listed skills and load that skill's instructions from the vault.

Frequently Asked Questions about design-category-pointer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I use a design skill from this library?▼

Identify the skill name matching your task from the list of 28 skills, then read its SKILL.md from the vault at /home/kienct/.config/opencode/skill-libraries/design/<skill-name>/SKILL.md and follow those instructions.

What design tasks does this skill library cover?▼

The library covers UI component and page generation, UX audits and copywriting, WCAG accessibility audits, Figma/Canva/Webflow automation, design tokens, theme selection, and 3D web experiences with Three.js.

Why are the design skills stored in a separate vault?▼

Storing the 28 skills in a hidden vault keeps the AI's startup context minimal. Only the pointer catalog loads initially, and full skill instructions are read on demand when a matching task appears.

Can I use Figma automation with this skill library?▼

Yes, the library includes figma-automation, which automates Figma files, components, design tokens, comments, and exports via Rube MCP (Composio). It instructs you to search tools first for current schemas.

What happens if I skip reading the vault instructions?▼

The skill explicitly warns not to guess best practices. Skipping the vault read means missing the specialized instructions, which can lead to incorrect or lower-quality design output.

Related Skills

Explore More Design & Creative Skills→
cyberAlchemyAIcyberAlchemyAI
20

invoke

Convert development intent into governed lifecycle artifacts with mode contracts.

Official
Advanced
KRISHNA0RKRISHNA0R
25

rayden-use

Create and maintain Rayden UI components in Figma with design token enforcement.

Community
Advanced
45black45black
1

ui-review

Identify accessibility, design-system, and legaltech pattern gaps in user interfaces.

Community
Advanced
teocnsteocns

skill-architecture

Design skill architectures with a three-level loading model for CLAUDE.md pointers.

Community
Advanced