CtrlK
BlogDocsLog inGet started
Tessl Logo

quick-mockups

Create multiple UI design mockups in parallel. Use when asked to create mockups, wireframes, or design variations for a feature. Creates HTML files using Mantine v7 + Tailwind following Civitai's design system.

64

Quality

76%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./.claude/skills/quick-mockups/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

68%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

A well-structured, actionable skill body that delegates detail appropriately to the design-mockup agent. The main gap is the absence of an explicit validation/retry checkpoint for the parallel batch generation step.

Suggestions

Add an explicit validation step after the parallel agents run — e.g., verify each expected output file exists and is non-empty, and re-launch any agent that failed before summarizing.

Show the concrete Task tool invocation (with subagent_type: design-mockup and a representative prompt) so the launch step is copy-paste executable rather than only described.

Trim or fold the directory-structure tree into the example prompt section to reduce redundancy and tighten the token budget.

DimensionReasoningScore

Conciseness

The body is efficient and assumes Claude's competence, avoiding explanations of concepts Claude already knows; the directory-structure tree and example prompt earn their tokens, with only minor trimming possible.

4 / 5

Actionability

Provides concrete guidance — specific subagent_type, output paths, variation dimensions, and a copy-pasteable example prompt — but does not show the actual Task tool invocation syntax, leaving a small execution gap.

4 / 5

Workflow Clarity

The sequence (create dir → launch parallel agents → list/summarize/ask user) is clear and ends with a review step, but this batch operation lacks an explicit validate-or-retry checkpoint for failed agent runs, capping the score per the batch-operation guideline.

3 / 5

Progressive Disclosure

Well-organized into clear sections with a single one-level-deep external reference (`.claude/agents/design-mockup.md`) and no nested references; no bundle files exist, and the structure is appropriate for the skill's size.

4 / 5

Total

15

/

20

Passed

Description

83%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

A strong, concise description that clearly states both capability and trigger conditions with a specific technology stack. Minor gains are available from broadening trigger synonyms and listing a wider range of actions.

DimensionReasoningScore

Specificity

Names the domain and several concrete actions — 'Create multiple UI design mockups in parallel' and 'Creates HTML files using Mantine v7 + Tailwind following Civitai's design system' — with a specific stack, but coverage of actions is slightly narrow (creation only, no editing/iteration).

4 / 5

Completeness

Explicitly answers both what ('Create multiple UI design mockups in parallel... Creates HTML files using Mantine v7 + Tailwind') and when ('Use when asked to create mockups, wireframes, or design variations for a feature') with concrete trigger phrases.

5 / 5

Trigger Term Quality

Includes natural user-facing terms 'mockups, wireframes, or design variations' that a user would plausibly say, though a few common synonyms (e.g. 'prototypes', 'layouts') are missing.

4 / 5

Distinctiveness Conflict Risk

The parallel-mockup-generation niche with a specific Mantine v7 + Tailwind + Civitai stack is mostly distinct, with only minor overlap risk against general frontend/design skills.

4 / 5

Total

17

/

20

Passed

Validation

93%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

allowed_tools_field

'allowed-tools' contains unusual tool name(s)

Warning

Total

15

/

16

Passed

Repository
civitai/civitai
Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.