Skills / WorkflowSelected

Skills Registry

A public skill registry that starts from the task, not the command name

Turns long-lived reusable skills into a browsable public registry: narrow down by task and scenario first, then jump to GitHub for the full spec, updates, and source.

  • Skills
  • Registry
  • Agent
  • Workflow
SelectedWeb AppLiveWebCreated 2026-01-16Updated 2026-05-20
Skills Registry cover

Overview

What shaped the work

Outcome

Results and impact

  • Made reusable workflows easier to find, explain, and share.
  • Turned a personal tool collection into a public product artifact that demonstrates workflow design judgment.

Decision

Key decisions and tradeoffs

  • Shifted the IA from a pure skill-name catalog toward task- and scene-first navigation.
  • Kept the public site as the registry layer and handed full specs plus updates to GitHub.

Evidence

Evidence and proof

  • The live site explicitly says "find what you need to do first, then open the right skill" and groups content by scene.
  • An earlier local "skills-hub" version still exists, showing that the project evolved from a personal directory into a public registry.

Visual history

Latest state first, previous interface states preserved underneath

This timeline keeps a readable visual memory of the surface, so the newest cover can stay on the project card without erasing what came before.

Case study

Narrative, decisions, and proof

01

Outcome

Results and impact

  • Made reusable workflows easier to find, explain, and share.
  • Turned a personal tool collection into a public product artifact that demonstrates workflow design judgment.

02

Decision

Key decisions and tradeoffs

  • Shifted the IA from a pure skill-name catalog toward task- and scene-first navigation.
  • Kept the public site as the registry layer and handed full specs plus updates to GitHub.

03

Evidence

Evidence and proof

  • The live site explicitly says "find what you need to do first, then open the right skill" and groups content by scene.
  • An earlier local "skills-hub" version still exists, showing that the project evolved from a personal directory into a public registry.

04

Role

Role and contribution

  • Owner / Product Engineer: turned scattered reusable skills into a public-facing capability entry point with clear content boundaries.

05

Problem

Problem to solve

  • When a skill library grows, people often know the task they need help with but not the specific skill name to invoke.

06

Constraints

Constraints and boundaries

  • A public site cannot expose private workflow details or raw internal context.
  • Putting every long-form instruction on the site would make the catalog heavy and harder to maintain.

07

Background

Why this exists

Once reusable skills pile up, the bottleneck shifts from capability creation to capability discovery. This project makes hidden workflow knowledge visible and usable before a person even knows the exact skill name.

08

Scenario

Use scenarios

  • Start from a task like research, writing, frontend work, or shipping when you do not yet know which skill to open first.
  • Share reusable workflows publicly without forcing people to parse raw SKILL.md files or repo structure immediately.
  • Separate public, sanitized-public, and still-private capabilities at the presentation layer.

09

Delivery

What I shipped

  • A task-first homepage that asks what you want to get done before exposing the skill list.
  • Scene pages plus skill overview blocks for quicker triage and comparison.
  • Direct GitHub handoff for full instructions, source, and recent updates.

10

Design

Design decisions

  • The information architecture evolved from a more directory-like "skills hub" into a task-first registry because most people know the job before they know the invoke phrase.
  • The warm-paper surface, serif typography, and rule-based layout intentionally make it feel like a guide or registry rather than a noisy SaaS dashboard.
  • Deep documentation stays in GitHub so the public site remains a selection layer instead of becoming an overloaded docs mirror.

11

Tech

Implementation

  • Published as a lightweight static website focused on content structure, navigation, and link governance.
  • The public site and GitHub repo play different roles: discovery and curation on one side, full specs and change history on the other.
  • The surface also communicates publishing state through counts such as public skills, sanitized-public skills, and live scenarios.

12

Access

Current access

  • Live site: https://skills.zondev.top.
  • The page itself links out to the GitHub repository, full skill directory, and recent updates.

Flow

The path from entry to completion

This version is best understood as a living product: entry points, feedback loops, and completion states matter as much as the surface design.

Task / Pick / Open / Reuse

Skills Registry flowTaskPickOpenReuse

Explore

Open the product in context

Skills Registry cover

Live preview

Some sites may block iframe embeds because of their security policy. If the frame stays blank, use the Open live link above.

Access

This entry is still part of a living practice. The public surface may be a live URL, a guided preview, or a curated set of interface states depending on the current release shape.