Skip to content
Seun Sowemimo / Software engineer / Lagos TryRaisins

Frontend design

Sets a distinctive visual direction for new or heavily reshaped UI, from typography and composition to palette and interface copy.

yeknal-frontend-design3 filesApache-2.0Design interfaces

When to use it

  • You are designing a new screen or product surface.
  • A design looks generic and needs a clear point of view.
  • Typography, colour and layout need to work as one system.

A practical example

You ask

“Design the pricing page so it doesn’t look like every other SaaS template.”


Your agent does

It sets a visual direction from the product’s content, picks type and colour roles and builds the page with real copy.

What gets installed

The whole folder is copied, so scripts, references and any license notices stay together.

  • agents/openai.yaml326 bytes
  • LICENSE.txt10,775 bytes
  • SKILL.md8,310 bytes

File list with SHA-256 hashes

Credit and license

Adapted from Anthropic’s frontend-design skill. Its library guidance credits Rare UI, which requires attribution if you install one of its components. It’s shared under the Apache License 2.0, and the license file is installed with it however you choose to install.