brainstorm

Generate 3-5 design concepts from reference sites and component registries.

Updated Mar 15, 2026
One-click install
npx skills add https://github.com/TETRA2000/figma-web-studio --skill brainstorm-tetra2000
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: brainstorm
Source: https://github.com/TETRA2000/figma-web-studio/tree/main/.claude/skills/brainstorm
Command: npx skills add https://github.com/TETRA2000/figma-web-studio --skill brainstorm-tetra2000

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designers often spend excessive time ideating multiple layout directions and design options, leading to inconsistent results across projects. This Skill provides a structured approach to generate 3–5 brainstorm concepts using existing assets, references, and a component registry.

Core Features & Use Cases

  • Analyze reference websites and internal docs to discern patterns, tokens, and components.
  • Generate 3-5 design concepts per topic, including layout, components, and high-level design notes.
  • Save brainstorm outputs to repository or local docs for reuse and handoff.
  • Propose concrete next steps to convert ideas into components or pages.

Quick Start

Describe a topic and I will generate 3-5 design ideas using your existing assets and references.

Frequently Asked Questions about brainstorm

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

FAQPage Schema
How do I generate multiple design directions from existing components?

To generate multiple design directions, this Skill analyzes your existing assets, reference sites, and component registry to produce 3-5 layout concepts per topic. It coordinates reference analysis and context gathering to output structured design ideas.

What is the best way to brainstorm UI layouts using a design system?

The best way to brainstorm UI layouts is by leveraging internal docs and a component registry as building blocks. This approach discerns patterns and tokens from references to ensure generated page concepts align with your design system.

Can I save brainstorm outputs directly to my repository docs?

Yes, you can save brainstorm outputs directly to your repository or local docs. This feature stores generated design concepts for reuse and facilitates seamless handoffs to other team members or downstream processes.

Does this design idea generator work without external dependencies?

Yes, this design idea generator works without external dependencies. It operates autonomously to analyze reference websites and internal docs, requiring only your existing assets and described topic to generate structured design concepts.

How do I turn generated design concepts into actual pages?

To turn generated design concepts into pages, this Skill proposes concrete next-step handoffs after brainstorming. It outlines actionable steps to convert the 3-5 generated ideas and high-level notes into functional components.

When should I use an automated approach for ideating design options?

You should use an automated approach for ideating design options when you spend excessive time creating multiple layout directions and face inconsistent results. It provides a structured method to rapidly generate concepts using existing assets.