Agent skill

Long Task Ucd

by suriyel in suriyel/longtaskforagent

A skill your agent uses when SRS doc exists but no UCD doc and no design doc and no feature-list.json - generate UI Component Design style guide with text-to-image prompts based on approved SRS

No licenceAuto-check passedMedia & Creative

Install Long Task Ucd

skills CLI
$ npx skills add suriyel/longtaskforagent --skill long-task-ucd -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install suriyel/longtaskforagent long-task-ucd --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/suriyel/longtaskforagent.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/long-task-ucd .claude/skills/long-task-ucd && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
long-task-ucd
GitHub stars
177
Token cost
~3.4k tokens
SKILL.md length
1,059 words
Files
1
Skills in repo
17
Repo updated
First seen
Licence
None found

At a glance

A skill your agent uses when SRS doc exists but no UCD doc and no design doc and no feature-list.json - generate UI Component Design style guide with text-to-image prompts based on approved SRS

  • Works in 8 steps: Read SRS & Extract UI Scope → Define Visual Style Direction → Generate Style Tokens → …
  • Tasks that involve Image generation
  • SKILL.md covers When This Phase Applies, Checklist, Step 1: Read SRS & Extract UI… and Step 2: Define Visual Style…, plus 10 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Long Task Ucd is an agent skill from suriyel/longtaskforagent. Use when SRS doc exists but no UCD doc and no design doc and no feature-list.json - generate UI Component Design style guide with text-to-image prompts based on approved SRS

Its SKILL.md is about 3.4k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Media & Creative, covering Image generation and Architecture decision records.

When your agent uses it

  • Tasks that involve Image generation
  • Tasks that involve Architecture decision records

Example prompts

  • “/long-task-ucd”

Workflow steps

8 steps, taken from the step headings in SKILL.md.

  1. Read SRS & Extract UI Scope
  2. Define Visual Style Direction
  3. Generate Style Tokens
  4. Generate Component-Level Prompts
  5. Generate Page-Level Prompts
  6. Present & Approve UCD
  7. Save UCD Document
  8. Transition to Design

What it can do on your machine

Read from SKILL.md and the folder at commit ca67fe1. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md (its code samples are markdown).

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Long Task Ucd loads about 3.4k tokens when it runs. Until then it costs about 47 tokens; SKILL.md has 1,059 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~47
When it runs · the whole SKILL.md, loaded when a task matches
~3.4k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

Without a licence we can't republish the file, so here is its outline and opening line. It has 1,059 words (~3,410 tokens).

“Take the approved SRS as input. Analyze UI-related requirements, define visual style direction, and produce a UCD style guide containing text-to-image model prompts — so that all frontend features share a unified visual language.”

— opening of SKILL.md by suriyel
name
long-task-ucd

Read the full SKILL.md on GitHub

Files

Just SKILL.md in skills/long-task-ucd of suriyel/longtaskforagent.

Open the folder on GitHubat commit ca67fe1

Compare with similar skills

Long Task Ucd next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Long Task Ucd compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Long Task Ucd this skillsuriyel/longtaskforagent177—~3.4kAutomated safety check: PassNone
Idea To UI Design BriefAkoliteZA/hermes-agent-idea-workflow271—~2kAutomated safety check: PassMIT
SN Motion HTMLOpenSenseNova/SenseNova-Skills5.7k—~2.2kAutomated safety check: NotesMIT
Imagensanjay3290/ai-skills4317 repos~657Automated safety check: PassApache-2.0
Xhs Visual Directorziguishian/xhs-visual-director-skill1.4k—~2.2kAutomated safety check: PassMIT
Image Prompt ReverseLunarXuan/image-prompt-reverse465—~678Automated safety check: PassGPL-3.0

Similar skills

  • Idea To UI Design Brief

    AkoliteZA/hermes-agent-idea-workflow

    A skill your agent uses when turning a product/design doc into a focused UI design brief, optional AI image-generation concept prompts, and implementation-ready UI direction without replacing the…

    271 GitHub stars~2k tokensUpdated 5 mo ago
    Frontend & DesignAuto-check passed
  • SN Motion HTML

    OpenSenseNova/SenseNova-Skills

    Builds HTML stories where one continuous camera journey advances with page progress, using researched structure, AI stills, Seedance video clips and browser QA.

    5.7k GitHub stars~2.2k tokensUpdated 20 days ago
    Media & CreativeAuto-check: notes
  • Imagen

    sanjay3290/ai-skills

    Generate images using Google Gemini's image generation capabilities.

    431 GitHub starsUsed in 7 repos~657 tokens
    Media & CreativeAuto-check passed
  • Xhs Visual Director

    ziguishian/xhs-visual-director-skill

    A skill your agent uses when planning, redesigning, or reviewing Xiaohongshu carousel visuals, covers, 3:4 image posts, page-by-page visual direction, image-generation prompts, style selection…

    1.4k GitHub stars~2.2k tokensUpdated 3 mo ago
    Media & CreativeAuto-check passed
  • Image Prompt Reverse

    LunarXuan/image-prompt-reverse

    Analyze user-provided reference images and reverse-engineer high-fidelity AI image-generation prompts.

    465 GitHub stars~678 tokensUpdated 1 mo ago
    Media & CreativeAuto-check passed
  • Article Illustrator

    JimLiu/baoyu-skills

    Reads an article, picks the spots that need visuals, and generates illustrations using a type, style and palette combination for a consistent look.

    26k GitHub starsUsed in 3 repos~4.2k tokens
    Media & CreativeAuto-check passed

More from suriyel/longtaskforagent

All 17 skills in this repo
  • Long Task Init

    suriyel/longtaskforagent

    A skill your agent uses when ATS doc exists (or auto-skipped) but feature-list.json not yet created - scaffold project artifacts and populate features from Design §10.2

    177 GitHub stars~5.6k tokensUpdated 3 mo ago
    Auto-check: notes
  • Long Task Explore

    suriyel/longtaskforagent

    A skill your agent uses for on-demand deep exploration of an existing codebase - analyzes architecture, data flow, domain model, API surface, dependencies, and code health

    177 GitHub stars~2.7k tokensUpdated 3 mo ago
    Auto-check passed
  • Long Task TDD

    suriyel/longtaskforagent

    A skill your agent uses when implementing a feature through TDD in a long-task project - enforces Red-Green-Refactor cycle

    177 GitHub stars~4.4k tokensUpdated 3 mo ago
    Auto-check: notes
  • Using Long Task

    suriyel/longtaskforagent

    A skill your agent uses when starting any session in a long-task project - routes to the correct phase skill based on project state

    177 GitHub stars~3.6k tokensUpdated 3 mo ago
    Auto-check passed
  • Long Task Ats

    suriyel/longtaskforagent

    A skill your agent uses when design doc exists but no ATS doc and no feature-list.json - generate a global Acceptance Test Strategy mapping every requirement to acceptance scenarios with category…

    177 GitHub stars~3.7k tokensUpdated 3 mo ago
    Auto-check passed
  • Long Task Design

    suriyel/longtaskforagent

    A skill your agent uses when SRS doc exists but no design doc and no feature-list.json - take the approved SRS as input and produce an architecture/design document focused on HOW to build it

    177 GitHub stars~4.5k tokensUpdated 3 mo ago
    Auto-check passed

Questions about Long Task Ucd

What does Long Task Ucd do?

A skill your agent uses when SRS doc exists but no UCD doc and no design doc and no feature-list.json - generate UI Component Design style guide with text-to-image prompts based on approved SRS. Long Task Ucd is an agent skill from suriyel/longtaskforagent.

When should I use Long Task Ucd?

Long Task Ucd fits situations like: tasks that involve Image generation; tasks that involve Architecture decision records.

How do I install Long Task Ucd in Claude Code?

Run `npx skills add suriyel/longtaskforagent --skill long-task-ucd -a claude-code`. Or copy the skill folder (skills/long-task-ucd in suriyel/longtaskforagent) into .claude/skills/long-task-ucd in your project. Claude Code loads it when a task matches its description.

How do I install Long Task Ucd in Codex?

Run `npx skills add suriyel/longtaskforagent --skill long-task-ucd -a codex`. Or copy the skill folder (skills/long-task-ucd in suriyel/longtaskforagent) into .agents/skills/long-task-ucd in your project. Codex loads it when a task matches its description.

Can I use Long Task Ucd in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add suriyel/longtaskforagent --skill long-task-ucd -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/long-task-ucd, .gemini/skills/long-task-ucd, .github/skills/long-task-ucd and .opencode/skills/long-task-ucd in your project.

What does Long Task Ucd need to run?

SKILL.md names no scripts, command-line tools or credentials: Long Task Ucd is instructions for the agent only.

Does Long Task Ucd access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Long Task Ucd safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Long Task Ucd use?

No licence was found for Long Task Ucd or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does Long Task Ucd use?

About 3.4k tokens (SKILL.md is roughly 14k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Long Task Ucd?

Skills that share tags, products or a category with Long Task Ucd: Idea To UI Design Brief (AkoliteZA/hermes-agent-idea-workflow, 271 stars), SN Motion HTML (OpenSenseNova/SenseNova-Skills, 5.7k stars), Imagen (sanjay3290/ai-skills, 431 stars) and Xhs Visual Director (ziguishian/xhs-visual-director-skill, 1.4k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Long Task Ucd?

suriyel (a GitHub user) maintains it in suriyel/longtaskforagent, which has 177 GitHub stars. The repository holds 17 skills in this directory. The repository was last updated on June 23, 2026.

Source: suriyel/longtaskforagent on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.