design

Organize product design specifications using JSON and Markdown documentation.

1|Updated Apr 30, 2022
One-click install
npx skills add https://github.com/Gitesh/Taskflow --skill design-gitesh
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design
Source: https://github.com/Gitesh/Taskflow/tree/main/design
Command: npx skills add https://github.com/Gitesh/Taskflow --skill design-gitesh

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a structured way to manage and iterate on product design specifications, ensuring all aspects of the design are considered and documented.

Core Features & Use Cases

  • Design Specification Management: Organize design principles, tokens (colors, typography, spacing), and component details.
  • Feature Planning: Track and detail specific feature implementations with clear steps and considerations.
  • Use Case: A designer can use this Skill to define the visual language and interactive components for a new application, ensuring consistency and clarity for the development team.

Quick Start

Use the design skill to review the design principles for the Taskflow application.

Frequently Asked Questions about design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I manage and iterate on product design specifications for a team?

Product design specifications are managed through a centralized, structured repository that organizes visual elements, interactive components, and feature implementation details. This approach supports design iteration and team collaboration using JSON and Markdown for detailed documentation.

What is the best way to document UI design tokens and component details?

Documenting UI design tokens involves organizing design principles, colors, typography, and spacing within a centralized repository. This ensures consistency and clarity for the development team when defining the visual language of an application.

Can I use JSON and Markdown for feature planning and design documentation?

Yes, JSON and Markdown are utilized for feature planning and detailed design documentation. They allow you to track and detail specific feature implementations with clear steps and considerations while maintaining a structured repository of design assets.

How do I track specific feature implementations with clear steps for developers?

You track feature implementations by detailing specific visual elements and interactive components with clear steps and considerations. This provides a centralized, structured repository ensuring development teams have clear guidelines and assets.

Does this approach support design iteration and team collaboration?

Yes, this approach supports design iteration and team collaboration by providing a centralized, structured repository of design assets and guidelines. It ensures all aspects of the design are considered, documented, and refined over time.