webapp-gui-design

Professional web app UI using commercial templates (Tabler/Bootstrap 5) with strong frontend design direction when needed. Use for CRUD interfaces, dashboards, admin panels with SweetAlert2, DataTables, Flatpickr. Clone seeder-page.php, use modular includes, follow established patterns.

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "webapp-gui-design" with this command: npx skills add peterbamuhigire/skills-web-dev/peterbamuhigire-skills-web-dev-webapp-gui-design

Required Plugins

Superpowers plugin: MUST be active for all work using this skill. Use throughout the entire build pipeline — design decisions, code generation, debugging, quality checks, and any task where it offers enhanced capabilities. If superpowers provides a better way to accomplish something, prefer it over the default approach.

Frontend Design plugin (webapp-gui-design): MUST be active for all visual output from this skill. Use for design system work, component styling, layout decisions, colour selection, typography, responsive design, and visual QA.

Web App GUI Design

This skill is split into sections to stay under the 500-line limit.

Sections

  1. Overview & Stack
  2. Security, Print/PDF, Dates
  3. Architecture, Panels, Menus
  4. Permissions & Searchable Dropdowns
  5. Templates & UI Components
  6. AJAX & Utilities
  7. Responsive, Photo Cards, Flatpickr
  8. Best Practices & Aesthetics
  9. Interface Design
  10. SaaS UX Principles — Onboarding, dashboards, empty states, navigation, multi-tenant UI, feedback, performance

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Open in GitHubOpen in ClawHub

Related Skills

Related by shared tags or category signals.

Coding

jetpack-compose-ui

No summary provided by upstream source.

Repository SourceNeeds Review
28-peterbamuhigire
Coding

android-data-persistence

No summary provided by upstream source.

Repository SourceNeeds Review
21-peterbamuhigire
Coding

image-compression

No summary provided by upstream source.

Repository SourceNeeds Review
21-peterbamuhigire
Coding

api-pagination

No summary provided by upstream source.

Repository SourceNeeds Review
19-peterbamuhigire