Skip to content
Productivity
Skill

/frontend-design

Design and build production-grade frontends with bold, distinctive aesthetics.

From plugin
cowork-os
452155 skills
Install
$ npx -y skills add CoWork-OS/CoWork-OS --skill frontend-design --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
  • You can call itInvoke it directly when you want it.
  • Slash command/frontend-design

Context preview

The summary Claude sees to decide when to auto-load this skill.

Design and build production-grade frontends with bold, distinctive aesthetics.

SKILL.md

frontend-design.SKILL.md
name: frontend-design
description: "Design and build production-grade frontends with bold, distinctive aesthetics."
version: "1.0.0"
metadata:
  author: CoWork OS Contributors <info@coworkosapp.com>
  source-author: "Anthropic"

frontend-design

Purpose

Design and build production-grade frontends with bold, distinctive aesthetics.

Routing

  • Use when: Use when the user asks to design and build production-grade frontends with bold, distinctive aesthetics.
  • Do not use when: Do not use when the request is asking for planning documents, high-level strategy, or non-executable discussion; use the relevant planning or design workflow instead.
  • Outputs: Outcome from frontend-design: task-specific result plus concrete action notes.
  • Success criteria: Returns concrete actions and decisions matching the requested task, with no fabricated tool-side behavior.

Trigger Examples

Positive

  • Use the frontend-design skill for this request.
  • Help me with frontend-design.
  • Use when the user asks to design and build production-grade frontends with bold, distinctive aesthetics.
  • frontend-design: provide an actionable result.

Negative

  • Do not use when the request is asking for planning documents, high-level strategy, or non-executable discussion; use the relevant planning or design workflow instead.
  • Do not use frontend-design for unrelated requests.
  • This request is outside frontend-design scope.
  • This is conceptual discussion only; no tool workflow is needed.

Runtime Prompt

  • Current runtime prompt length: 4071 characters.
  • Runtime prompt is defined directly in `../frontend-design.json`.
Read more
Ships withcowork-os

Local-first personal agentic OS and everything app for coding, knowledge work, web design, automations, and artifacts.

Get the whole plugin
Stats
450
Stars
77
Forks
Active
Maintenance
TypeScript
Language
MIT
License
4d ago
Last commit
7mo ago
Created

Repo: CoWork-OS/CoWork-OS

Other skills on cowork-os.