Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →lingxling/editorial-design
Web and App implementation guide for Editorial Design.
Passed 18 of 23 test cases with the skill, and 11 of 23 without it.
and 6 more in the full report
8 fixed10 passed either way4 still failing1 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 8 test cases the skill fixed. Same model, same prompt, with and without the skill.
I am building a web page for a digital literary journal. Could you write the HTML and CSS for an article template? It should feel like a high-end print publication, featuring an elegant headline section, columnar body text, prominent pull quotes with top and bottom dividers, and a decorative drop cap for the opening paragraph.
| Checked | Without skill | With skill |
|---|---|---|
| Uses Playfair Display for the article headline font family. | Passed | Passed |
| Uses Lato for the body copy font family. | Missed | Passed |
| Applies CSS column-count for the magazine body layout. | Passed | Passed |
The instructions your model reads when the skill loads.
"The digital magazine. Sophisticated typography pairings and deliberate, elegant pacing."
Use this sub-style when the user's request matches the aesthetic described above. This is a child reference of the design-it skill and is not meant to be triggered directly.
Playfair Display, Merriweather, Bodoni.Lato, Open Sans, Source Sans Pro.body {
background-color: #F9F9F9; /* Paper white */
color: #121212; /* Ink black */
}
/* Typography Pairing */
.editorial-headline {
font-family: 'Playfair Display', serif;
font-size: 4rem;
font-weight: 700;
font-style: italic;
margin-bottom: 24px;
border-bottom: 1px solid #121212;
padding-bottom: 24px;
}
.editorial-body {
test cases passed, vs 11 / 23 without
Published skills whose descriptions closely match this one, with their headline benchmark lift.
More skills from the same source and nearby in the registry, with their headline benchmark lift.