Skip to content
Business
Skill

/ui-patterns

Use this skill when the user needs to build a dashboard, settings page, data table, or any page layout. Also use when choosing component libraries, implementing responsive design, dark mode, or handling UI states (loading, empty, error). Covers component selection, page

BOOST
@whawkinsivwhawkinsiv@whawkinsiv
From plugin
solo-founder-skills
24959 skills1 command
Install
$ npx -y skills add whawkinsiv/solo-founder-skills --skill ui-patterns --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
  • You can call itInvoke it directly when you want it.
  • Slash command/ui-patterns

Context preview

The summary Claude sees to decide when to auto-load this skill.

Use this skill when the user needs to build a dashboard, settings page, data table, or any page layout. Also use when choosing component libraries, implementing responsive design, dark mode, or handling UI states (loading, empty, error). Covers component selection, page
Ships withsolo-founder-skills

59 expert skills for non-technical founders building SaaS with AI tools (Claude Code, Lovable, Replit, Cursor). Covers the full lifecycle of planning, building, launching, and growing a software business — actionable guides, checklists, and copy-paste prompts.

Get the whole plugin
Stats
GitGitHubAnthropicStripeSlack
249
Stars
44
Forks
Maintained
Maintenance
MIT
License
1mo ago
Last commit
8mo ago
Created

Repo: whawkinsiv/claude-code-superpowers

In this plugin
59 skills1 command
See everything inside

Other skills on solo-founder-skills.

See all 59 skills in solo-founder-skills