Orchestrate design specifications, visual previews, and accessible UI code for web applications.
npx skills add https://github.com/j-show/ai-everything --skill designer-j-show
Please help me install this Agent Skill. Skill: designer Source: https://github.com/j-show/ai-everything/tree/main/skills/designer Command: npx skills add https://github.com/j-show/ai-everything --skill designer-j-show
This skill solves the fragmentation between design systems, visual direction, and implementation by providing a unified, automated pipeline for building high-quality, accessible UI components.
Invoke the designer skill to create a new landing page for a modern fintech dashboard based on the provided brief.
High-intent search queries and answers about installing and using this skill.
Generate accessible UI code by orchestrating a design pipeline that enforces design tokens and accessibility guardrails, producing formal specifications and implementation code that prevents visual drift. It ensures all components strictly adhere to a single source of truth.
Prevent design drift by enforcing a single source of truth specification throughout the UI creation process. The pipeline orchestrates visual previews and formal specs, ensuring all generated frontend code strictly adheres to the established design tokens.
Automate visual previews and critiques by orchestrating a multi-step design pipeline that integrates visual direction and de-templating critiques. It manages the generation of design systems and formal specifications, ensuring high-quality accessible UI components.
Yes, the UI design pipeline works without external dependencies. It orchestrates internal design and implementation skills to manage the creation of design specifications, visual previews, and accessible UI code entirely within its own automated workflow.
Yes, you can build a complete dashboard from a brief to implementation. The pipeline automatically generates a design system, creates visual previews, and provides accessible UI implementation code while enforcing strict design guardrails throughout the lifecycle.
Avoid automated design pipelines when your project requires manual, highly bespoke visual direction outside standard design tokens, or when strict adherence to de-templating critiques and accessibility guardrails conflicts with your specific frontend implementation constraints.
Fr-e-dAnalyze project directory structures to generate architectural summaries.
AzamCodesDesign and implement production-grade frontend interfaces with bespoke typography and responsive layouts.
qqrusGenerate creative banners for social media platforms and print with custom styles and dimensions.
act70255Validate UI components for visual consistency, design system compliance, and accessibility.
