Category

Design Skills

Skills for frontend design, interface critique, visual polish, and creative asset workflows.

11directory entries
6passed gate
2live use cases
3target keywords
Skills

11 directory entries

Reference

AnyDesign

Turns an image, URL, or Figma file into a structured design system spec.

 Reference

Brand Guidelines Skill

A skill that applies brand colors and typography to artifacts for consistent identity.

 Reference

Canvas Design Skill

A skill for creating visual art, posters, and static design pieces as PNG or PDF.

 Reference

Frontend Design Skill

A coding-oriented skill for improving UI implementation, layout, and visual polish.

 Reference

Frontend Slides

A skill for building web-based frontend slide presentations.

 Reference

Imagen

Generates images via Gemini for mockups, icons, and visual assets.

 Planned

Logo Design Skill

A planned design skill for logo ideation, critique, and prompt generation.

 Reference

Pixelbin Media Generation

Generates and edits images and videos via an API portfolio.

 Reference

Theme Factory Skill

A skill that applies professional font and color themes to slides, docs, and pages.

 Reference

Web Artifacts Builder Skill

A skill for building multi-component claude.ai HTML artifacts with modern web tech.

 Reference

Web Asset Generator

A skill for generating web visual assets like images and icons.
How to choose

Evaluation checklist

  1. Prefer entries with clear source URLs, recent maintenance, and install instructions.
  2. Check whether the skill declares your target platform before trying it.
  3. Treat reference entries as discovery leads, not recommendations.
  4. Watch for weak documentation, unclear creator identity, or unsafe install patterns.
Use cases

Task-level entry points

beginner

Generate Images

Generate images, icons, mockups, visual assets, and design references with an AI agent workflow.

 intermediate

Improve Frontend UI

Use an agent skill to improve layout, visual hierarchy, spacing, responsiveness, and frontend polish.

FAQ

What are design skills?

Design skills are reusable AI agent workflows for skills for frontend design, interface critique, visual polish, and creative asset workflows.

How should I choose a design skill?

Start with rule-curated entries, verify platform compatibility, run a small representative test, and keep the skill only if it improves repeatability over a normal prompt.

Should I install every skill in this category?

No. Use the directory to shortlist candidates, then install only the skills that match a recurring workflow.