feat: add launchpad-icon-workflow skill for adding icons to design system

[nieblara]

The Icon

Once upon a midnight dreary, while I pondered, weak and weary,
Over many a quaint and curious volume of SVG lore—
While I nodded, nearly napping, suddenly there came a tapping,
As of someone gently mapping, icons to the design store.
"'Tis some workflow," I muttered, "tapping at my chamber door—
Only this and nothing more."

Ah, distinctly I remember it was in the bleak December;
And each separate dying ember wrought its ghost upon the floor.
Eagerly I wished the morrow;—vainly I had sought to borrow
From Tabler surcease of sorrow—sorrow for the icon poor—
For the rare and radiant icon whom the designers name clockwise—
Counterclockwise evermore.

---

Summary

• Adds a new agent skill launchpad-icon-workflow that documents the end-to-end process for adding icons from Tabler Icons to @launchpad-ui/icons and propagating them to gonfalon
• Creates a new design-system domain directory for design system related skills
• NEW: Includes automated preprocessing pipeline (SVG normalization, naming validation, visual QA)
• NEW: Figma step is now conditional—only ~5% of icons should require human intervention

The Nine Steps of Darkness

1. Fetch icon from Tabler's CDN
2. SVGO normalization (viewBox, stroke, currentColor)
3. Naming convention transformation (counterclockwise → ccw, top-left → tl)
4. Visual QA with jest-image-snapshot (1% threshold)
5. Figma library addition (conditional on QA results)
6. Sync icons workflow trigger
7. launchpad-ui release
8. Gonfalon version bump (using pnpm up "@launchpad-ui/*" --latest -r)
9. Use the new icon

Updates since last revision

• Added specific pnpm command for bumping launchpad-ui versions in gonfalon (per @eangeles): pnpm up "@launchpad-ui/*" --latest -r

Testing

• Not applicable
• Manual (describe below)

Quoth the Raven, "Run the tests."

This is documentation content. Please review the workflow steps for accuracy, particularly:

• The automated SVG normalization config
• The naming convention transformations
• The visual QA threshold (1% pixel difference)
• The Figma MCP integration notes (read-only limitation)

Human Review Checklist

• Verify workflow steps match actual LaunchDarkly icon addition process
• Confirm naming transformations are correct for LaunchPad conventions
• Validate the 1% visual QA threshold is appropriate
• Check if example scripts are reasonable (they are illustrative, not tested)
• Confirm the pnpm command for gonfalon version bumps is correct

Notes

• Marked as 1.1.0-alpha (updated from 1.0.0-alpha with automation features)
• The skill explicitly notes which steps require human intervention vs. which can be automated
• Created new design-system/ domain directory - please confirm this categorization is appropriate
• Example code for SVGO, naming validation, and jest-image-snapshot is illustrative

Link to Devin run: https://app.devin.ai/sessions/0d1d70cba38145f2a998d14b1e75a3c5
Requested by: Ramon Niebla (@nieblara) and @eangeles

[devin-ai-integration]

🤖 Devin AI Engineer

I'll be helping with this pull request! Here's what you should know:

✅ I will automatically:

• Address comments on this PR. Add '(aside)' to your comment to have me ignore it.
• Look at CI failures and help fix them

Note: I can only respond to comments from users who have write access to this repository.

⚙️ Control Options:

• Disable automatic comment and CI monitoring

[devin-ai-integration]

Closing - PR was opened in wrong repo. Recreating in launchdarkly-labs/agent-skills