CtrlK
BlogDocsLog inGet started
Tessl Logo

starlight-theme

Create and apply custom themes to an Astro Starlight documentation site. Use when customizing colors, typography, or spacing via CSS custom properties, using the Tailwind CSS integration, applying light/dark mode variants, or loading custom fonts.

70

Quality

85%

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

SKILL.md
Quality
Evals
Security

Quality

Content

78%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 strong, dense skill body: two concrete approaches with executable code, a high-value anti-patterns section capturing real Starlight pitfalls (customCss registration, Preflight conflicts, data-theme vs .dark, dual-source-of-truth), and clean offloading of detail to a real one-level-deep reference. Weaknesses are minor: no verification step for the rendered theme and slightly incomplete code in the Tailwind @theme example.

Suggestions

Complete the Tailwind @theme example in Approach 2 (or inline the accent/gray scale mapping from the reference) so the code is copy-paste runnable rather than pointing to a reference for the essential scale mappings.

Add a brief verification step at the end of each approach (e.g., run the dev server and confirm both light and dark mode render correctly) to close the workflow validation gap.

Trim general-CSS explanations Claude already knows, such as why font-display: swap prevents FOIT — the directive alone is sufficient.

DimensionReasoningScore

Conciseness

The body is lean and Starlight-specific (cascade-layer behavior, customCss registration, data-theme attribute) rather than explaining general concepts, with useful terse "WHY/BAD/GOOD/Consequence" anti-pattern entries. Minor trimming is possible — e.g., the general-CSS explanation of FOIT behind "font-display: swap" and some Consequence lines restate the WHY — so it fits the 4 anchor (efficient, minor over-explanation) rather than 5 (every token earns its place).

4 / 5

Actionability

Mostly executable: a copy-paste-ready custom.css with real --sl-* variables, the astro.config.mjs registration, install commands, and the full Tailwind wiring including vite plugin. Gaps keep it at 4 rather than 5: the @theme block is explicitly incomplete ("Map full accent and gray scales — see references for complete example") and the font-face GOOD guidance is a directive without a complete snippet.

4 / 5

Workflow Clarity

Approach 1 is a clearly numbered two-step sequence (create file → register in config), and Approach 2 follows an implied install → replace CSS → update config order. There are no validation checkpoints (e.g., verify both light and dark mode render), but CSS theming is neither destructive nor batch, so the workflow cap does not apply; this matches the 4 anchor (clear sequence, minor validation gaps) rather than 5 (explicit validation steps).

4 / 5

Progressive Disclosure

The 148-line body is an overview; the full variable list and the complete Tailwind @theme scale mapping are split into references/css-variables-reference.md (which exists, 98 lines, one level deep, no further nesting), linked clearly from Mindset, Approach 2, and a References section. This matches the 5 anchor (clear overview, well-signaled one-level-deep references, easy navigation); the 4 anchor's "minor organization gaps" are not present.

5 / 5

Total

17

/

20

Passed

Description

92%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 well-crafted description: third-person voice, concrete capabilities, and an explicit "Use when" clause with specific trigger phrases covering colors, typography, spacing, Tailwind, dark mode, and fonts. The only minor weakness is trigger-term breadth — a few natural synonyms like "branding" or "accent color" are absent.

DimensionReasoningScore

Specificity

"Create and apply custom themes to an Astro Starlight documentation site" plus the enumerated capabilities — "customizing colors, typography, or spacing via CSS custom properties, using the Tailwind CSS integration, applying light/dark mode variants, or loading custom fonts" — lists multiple concrete actions with comprehensive coverage of the skill's scope. This matches the 5 anchor (multiple specific concrete actions, comprehensive) rather than 4, which would require noticeable gaps in coverage; the only capability omitted (custom components) is explicitly out of scope in the body.

5 / 5

Completeness

It explicitly answers both questions: "what" via "Create and apply custom themes to an Astro Starlight documentation site" and "when" via a literal "Use when" clause with concrete trigger phrases (colors, typography, spacing, Tailwind, light/dark mode, fonts). This is a direct match for the 5 anchor; the 4 anchor applies only when the "when" is less explicit, which is not the case here.

5 / 5

Trigger Term Quality

Strong natural terms users would say: "customizing colors", "typography", "Tailwind CSS integration", "light/dark mode", "custom fonts", "themes". A few natural phrasings are missing (e.g., "branding", "accent color", "style the docs"), and there are no synonyms beyond the primary terms, so it sits at the 4 anchor (good coverage, a few natural terms missing) rather than 5 (comprehensive including synonyms).

4 / 5

Distinctiveness Conflict Risk

"Astro Starlight documentation site" pins the skill to a clear niche with distinct triggers, minimizing conflict with generic CSS, Tailwind, or docs-generator skills. Matches the 5 anchor (clear niche, minimal conflict risk); only a tiny overlap risk exists with a generic Tailwind skill, which is not enough to drop to 4.

5 / 5

Total

19

/

20

Passed

Validation

100%

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

Validation16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
pantheon-org/tekhne
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.