🎯

design-spec

🎯Skill

from duc01226/easyplatform

What it does

Create UI/UX design specifications from requirements or Figma designs. Covers component specs (Atom/Molecule/Organism), accessibility audits (WCAG 2.1 AA), design tokens, responsive behavior, and dev handoffs. Triggers on "design spec", "ui spec", "component spec", "accessibility audit", "design handoff", "design tokens", "wireframe", "mockup".

📦

Same repository

duc01226/easyplatform(148 items)

design-spec

Installation

Vibe Index InstallInstalls to .claude/skills/

npx vibeindex add duc01226/easyplatform --skill design-spec

skills.sh Install⚠ Installs to .agents/skills/

npx skills add duc01226/easyplatform --skill design-spec

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/design-spec/SKILL.md

SKILL.md

46Installs

Last UpdatedJan 23, 2026

View on GitHub Back to Skills

More from this repository10

🎯

product-owner🎯Skill

Assist Product Owners with idea capture, backlog management, prioritization frameworks, and stakeholder communication.

🎯

claude-code🎯Skill

A claude code skill from EasyPlatform, providing platform development and microservices skills for .NET and modern architectures.

🎯

code-simplifier🎯Skill

A skill that simplifies and refines code for clarity, consistency, and maintainability while preserving all functionality, focusing on recently modified code.

🎯

code-review🎯Skill

A code review skill from EasyPlatform, providing platform development and microservices skills for .NET and modern architectures.

🎯

frontend-design🎯Skill

A skill for creating distinctive, production-grade frontend interfaces that avoids generic AI aesthetics, supporting screenshot-based design replication with multimodal analysis.

🎯

arch-performance-optimization🎯Skill

A triage skill for analyzing and improving performance across database queries, API endpoints, frontend rendering, and cross-service communication, routing to specialized optimization guidance.

🎯

web-design-guidelines🎯Skill

Reviews UI code for web interface design compliance covering WCAG 2.2/3.0 accessibility, responsive design, performance, usability, and modern best practices including semantic HTML, focus states, forms, animation, typography, and Core Web Vitals.

🎯

docs-seeker🎯Skill

A docs seeker skill from EasyPlatform, providing platform development and microservices skills for .NET and modern architectures.

🎯

ai-dev-tools-sync🎯Skill

A comprehensive framework for building enterprise applications with .NET 9 backend and Angular 19 frontend, featuring Clean Architecture, CQRS pattern, and AI dev tools synchronization.

🎯

arch-cross-service-integration🎯Skill

A arch cross service integration skill from EasyPlatform, providing platform development and microservices skills for .NET and modern architectures.