Skip to content

Frontend Design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

Open source page

Install command

$ npx clawhub@latest install steipete/frontend-design

Core Content (SKILL.md)

When to use

  • Create distinctive, production-grade frontend interfaces with high design quality.
  • Use this skill when the user asks to build web components, pages, or applications.
  • Generates creative, polished code that avoids generic AI aesthetics.

CLI tools

  • npx clawhub@latest install steipete/frontend-design

How to use

  • Install the skill with the command shown above.
  • Read SKILL.md and identify the trigger conditions.
  • Invoke the skill when the task matches its scope.
  • Fallback to direct execution if the skill is unavailable.

Categories & tips

  • Review SKILL.md headings for scenarios and feature boundaries.
  • Prioritize exact keyword matches before trying alternatives.
  • Use tags and owner context to avoid similar-name confusion.

Error handling

  • If no relevant section is found, ask a clarifying question.
  • If install fails, retry with network and permission checks.
  • If capability is missing, continue with a manual fallback plan.

Frontend Design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

Related skills

  • Wacli

    steipete/wacli

    #2 · 16235 downloads

  • Gog

    steipete/gog

    #6 · 13873 downloads

  • Summarize

    steipete/summarize

    #8 · 10617 downloads

  • Github

    steipete/github

    #9 · 10252 downloads