wtf.design-task
CommunityTurn design tasks into complete design references
Design & Creative#figma#ui-design#design-system#component-spec#issue-design#design-task#gh-automation
Authorxiduzo
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Designers often spend time gathering context and documenting UI coverage for a Task. This Skill helps automatically derive the required Design Reference from Gherkin scenarios and the project's steering inputs, then writes the structured design notes back into the issue.
Core Features & Use Cases
- Identify UI states from Gherkin scenarios and link them to design artifacts.
- Explore the design system, tokens, and patterns to ensure consistent design coverage.
- Scaffold a component spec when no Figma frames exist, or draft a Design Reference that points to Figma frames when available.
- Update the Task issue with a complete Design Reference while preserving all existing sections.
Quick Start
Identify the Task to design, load its Gherkin scenarios, map UI states to a Design Reference, and write it back to the Task issue.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: wtf.design-task Download link: https://github.com/xiduzo/wtf/archive/main.zip#wtf-design-task Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.