From theclauu
Use for UI/visual design work — generating a design system from scratch, exploring design variants, or finalizing a mockup into production HTML/CSS.
npx claudepluginhub artemis-xyz/theclauu --plugin theclauuThis skill uses the workspace's default tool permissions.
Three modes. Pick based on where the user is in the design process:
Generates design tokens/docs from CSS/Tailwind/styled-components codebases, audits visual consistency across 10 dimensions, detects AI slop in UI.
Records polished WebM UI demo videos of web apps using Playwright with cursor overlay, natural pacing, and three-phase scripting. Activates for demo, walkthrough, screen recording, or tutorial requests.
Delivers idiomatic Kotlin patterns for null safety, immutability, sealed classes, coroutines, Flows, extensions, DSL builders, and Gradle DSL. Use when writing, reviewing, refactoring, or designing Kotlin code.
Three modes. Pick based on where the user is in the design process:
DESIGN.md.Use whichever fits the user's stage. If the user is not sure where they are, ask: "Do you already have a design system? Are you exploring options, or building a specific one?"
When: starting a new project's UI, no existing DESIGN.md, no clear brand guidelines.
Process:
qa skill's browse mode).DESIGN.md — the project's design source of truth. Subsequent design work references it.For existing sites, use audit skill's design lens instead to infer the system.
When: user has described a feature but hasn't seen what it could look like, or they've said "I don't like how this looks."
Process:
When: user has an approved mockup or plan (from shotgun mode, from a design review, or from scratch with a written description) and wants real HTML/CSS.
Process:
DESIGN.md exists (if not, bounce to consultation mode first — don't ship without a design system for the project).qa skill.DESIGN.md tokens were used.Consolidated from gstack's design-consultation, design-shotgun, design-html. Pick the mode based on where the user is in the design process.