Toolverse
All skills

interface-design

by Dammyjay93

This skill is for interface design — dashboards, admin panels, apps, tools, and interactive products. NOT for marketing design (landing pages, marketing sites, campaigns).

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Category
UX / Design
Views
15

About this skill

This skill is for interface design — dashboards, admin panels, apps, tools, and interactive products. NOT for marketing design (landing pages, marketing sites, campaigns).

How to use

  1. Zainstaluj skill w swoim środowisku Claude'a, wskazując plik z repozytorium https://github.com/Dammyjay93/interface-design/tree/main/.claude/skills/interface-design.

  2. Opisz projekt interfejsu, który chcesz stworzyć — określ typ produktu (dashboard, panel administracyjny, aplikacja SaaS, narzędzie) i jego główny cel.

  3. Przejdź przez proces eksploracji domeny — wyjaśnij, dla kogo projektujesz, jakie zadania będą wykonywane i jaki charakter powinien mieć interfejs.

  4. Zwróć uwagę na elementy, które łatwo stają się generyczne: typografię (waga, osobowość czcionki), nawigację (hierarchia, dostępność funkcji) i strukturę layoutu. Skill pomoże ci uniknąć szablonowych rozwiązań.

  5. Pracuj iteracyjnie — skill wspiera proces projektowania, ale ostateczna decyzja o tym, czy uniknąłeś domyślnych wzorców, należy do ciebie. Pytaj o konkretne wybory projektowe, nie tylko o funkcjonalność.

  6. Nie używaj tego skilla do projektowania stron marketingowych, landing pages czy kampanii — do tego celu przekieruj się na skill frontend-design.

Related skills

stitch-ui-design

by sickn33

Expert guide for creating effective prompts for Google Stitch AI UI design tool. Use when user wants to design UI/UX in Stitch, create app interfaces, generate mobile/web designs, or needs help crafting Stitch prompts. Covers prompt structure, specificity techniques, iteration

UX / Design
1670

ux-writing

by content-designer

Create user-centered, accessible interface copy (microcopy) for digital products including buttons, labels, error messages, notifications, forms, onboarding, empty states, success messages, and help text. Use when writing or editing any text that appears in apps, websites, or

UX / Design
24114

competitive-landscape

by wshobson

This skill should be used when the user asks to \

UX / Design
1457

blender-toolkit

by Dev-GOM

Automate Blender tasks like creating 3D shapes, managing materials, and retargeting Mixamo animations with real-time control.

UX / Design
60200

3d-graphics

by samhvw8

3D web graphics with Three.js (WebGL/WebGPU). Capabilities: scenes, cameras, geometries, materials, lights, animations, model loading (GLTF/FBX), PBR materials, shadows, post-processing (bloom, SSAO, SSR), custom shaders, instancing, LOD, physics, VR/XR. Actions: create, build,

UX / Design
2595

motion-graphics

by rohitg00

Kinetic typography, logo animations, and stylized motion design skill.\n\n**Triggers when:**\n- User wants text animations or kinetic typography\n- Request involves logo reveals or title sequences\n- Content focuses on visual impact over education\n- User mentions \

UX / Design
2126