Skip to main content

frontend-design

Gives a new or reworked interface a distinctive, deliberate visual identity instead of a templated look - subject-driven aesthetic direction, typography, palette, layout, restrained motion and interface copy, planned as a token system and critiqued before code.

When to use​

Use when the user asks to "design a landing page", "build a dashboard that does not look generic", "make this UI look less templated", "pick a visual direction", "choose fonts and colors for this app", "redesign this page", or any frontend work where the look is part of the brief.

Inputs and tools​

The skill takes the request of the user in natural language: its frontmatter declares no argument. It declares no allowed-tools: the tools available are those of the agent that loads it, under the tool policy of the project.

Reference​

FieldValue
Namefrontend-design
CategoryDevelopment
VersionNot declared
LicenceNot declared
Allowed toolsNot declared
Pluginsexample-skills, frontend-design
Sourcecatalog/navin/skills/frontend-design/SKILL.md
Digestsha256:b186a8123566beca443b37b4776420a7acb385cd37ebee16f79dac4f2d763c32
skill_md_digestsha256:41b07ea199702c2afd278935dba9144432893996e1f376345810b23a7a2ccf6f

Frontmatter​

Every field of the SKILL.md frontmatter, with the value of the source:

FieldValue
namefrontend-design
descriptionGives a new or reworked interface a distinctive, deliberate visual identity instead of a templated look - subject-driven aesthetic direction, typography, palette, layout, restrained motion and interface copy, planned as a token system and critiqued before code. Use when the user asks to "design a landing page", "build a dashboard that does not look generic", "make this UI look less templated", "pick a visual direction", "choose fonts and colors for this app", "redesign this page", or any frontend work where the look is part of the brief.
metadata.navin.categorydevelopment