Skills tagged: design

• brainstorming - Brainstorming ideas into designs

  brainstormingdesignspecificationarchitecture

  ★ 3 · Updated 2026-09-23

  Explores user intent and requirements through dialogue to create and validate design specifications before implementation.

  ⚙ Explore project context⚙ Ask clarifying questions⚙ Propose alternative approaches
• openspec-explore - Explore ideas, investigate problems, and clarify requirements

  openspecexplorationarchitecturerequirements

  ★ 1 · Updated 2026-09-23

  Provides an exploration mode to analyze codebases, compare technical options, and update OpenSpec artifacts without writing application code.

  ⚙ Search and inspect codebase files⚙ Map system architecture and patterns⚙ Compare technical options and tradeoffs
• brainstorming - Explore requirements and create design specs before coding.

  brainstormingdesignspecificationarchitecture

  ★ 0 · Updated 2026-09-23

  Explores user intent, requirements, and architecture options to create an approved design specification before implementation.

  ⚙ Explore project context and codebase⚙ Offer visual companion for mockups⚙ Ask clarifying questions sequentially
• openspec-explore - Explore mode for thinking and clarifying requirements

  openspecexplorationrequirementsarchitecture

  ★ 49 · Updated 2026-09-23

  Provides a thinking partner to explore ideas, investigate codebases, compare options, and create OpenSpec artifacts without writing implementation code.

  ⚙ Explore problem space⚙ Investigate codebase architecture⚙ Compare design options
• openspec-explore - Explore mode for clarifying requirements and ideas

  openspecexplorationarchitecturerequirements

  ★ 0 · Updated 2026-09-23

  Acts as a thinking partner to explore ideas, investigate codebases, compare options, and clarify requirements without writing application code.

  ⚙ Investigate codebase architecture⚙ Explore problem spaces⚙ Compare implementation options
• brainstorming - Turn ideas into designs through collaborative dialogue

  brainstormingdesignspecificationplanning

  ★ 0 · Updated 2026-09-23

  Explores user intent, requirements, and design options before implementation to produce design specifications.

  ⚙ Explore project context⚙ Offer visual companion⚙ Ask clarifying questions
• brainstorming - Brainstorming Ideas Into Designs

  brainstormingdesignspecificationplanning

  ★ 13 · Updated 2026-09-23

  Explores user intent, requirements, and design options before implementation.

  ⚙ Explore project context⚙ Ask clarifying questions⚙ Propose design approaches
• brainstorming - Turn ideas into designs before implementation

  brainstormingdesignspecificationsplanning

  ★ 0 · Updated 2026-09-23

  Explores project context and user intent to turn ideas into validated design specifications before code implementation.

  ⚙ Explore project context and code⚙ Ask clarifying questions interactively⚙ Propose multiple design options
• plan - Technical blueprint design between spec and tasks

  sddplandesign

  ★ 89 · Updated 2026-09-22

  Converts an approved clarified spec into a technical plan artifact detailing architecture, contracts, data flow, testing strategy, and risks.

  ⚙ Design system architecture and components⚙ Define component interfaces and contracts⚙ Establish data models and flows
• avoid-ai-design - Audit and rewrite frontend UI to remove AI design patterns

  designuifrontendai-slop

  ★ 79 · Updated 2026-09-22

  Audits and rewrites HTML/CSS and React/Tailwind frontend UI to eliminate generic AI design patterns, with support for audit-only mode.

  ⚙ Audit frontend code for AI patterns⚙ Render UI previews when available⚙ Commit to unified design directions
• brainstorming - Brainstorming: Turn ideas into design specifications

  designplanning

  ★ 0 · Updated 2026-09-22

  Explores requirements and options through dialogue to turn ideas into design specifications before implementation.

  ⚙ Explore project context⚙ Ask clarifying questions⚙ Evaluate scope and decompose tasks
• brainstorming - Explore intent and refine ideas into detailed design specs.

  designplanning

  ★ 1 · Updated 2026-09-22

  Explores user intent, evaluates design options, and generates approved design specifications before code implementation.

  ⚙ Explore project context⚙ Ask clarifying questions⚙ Propose alternative design options
• brainstorming - Turn ideas into designs and specs before implementation

  designplanningbrainstormingspecification

  ★ 0 · Updated 2026-09-22

  Explores user intent and context to create, evaluate, and commit approved design specifications before code implementation.

  ⚙ Explore project context⚙ Ask clarifying questions⚙ Propose design alternatives
• frontend-design - Guidance for distinctive visual design when building UI.

  frontenddesignuitypography

  ★ 0 · Updated 2026-09-22

  Provides guidance for intentional visual design, typography, color, layout, and copy when creating or updating UIs.

  ⚙ Ground designs in subject matter⚙ Create design plan with tokens⚙ Review design plan against brief
• Layout Designer - Design responsive page layouts and grid systems.

  layoutgriddesigncomposition

  ★ 0 · Updated 2026-09-22

  Creates functional page layouts and grid systems using spacing, design theory, and visual hierarchy principles.

  ⚙ Design landing page layouts⚙ Design dashboard application layouts⚙ Design editorial content layouts
• brainstorming - Turn ideas into validated design specifications

  designplanningbrainstormingspecification

  ★ 18 · Updated 2026-09-22

  Explores project context, user intent, and design tradeoffs through dialogue to create spec documents before implementation.

  ⚙ Explore project context and commits⚙ Ask targeted clarifying questions⚙ Propose design options with tradeoffs
• delight - Add moments of joy and polish to user interfaces

  uiuxfrontendanimation

  ★ 0 · Updated 2026-09-22

  Identifies opportunities and implements subtle animations, personality copy, micro-interactions, sound cues, and celebrations to enhance interface usability.

  ⚙ Assess delight opportunities in interfaces⚙ Implement micro-interactions and animations⚙ Add personality to UI copy
• popular-web-designs - 54 Real-World Design Systems for HTML/CSS Generation

  designcsshtmlui

  ★ 3 · Updated 2026-09-22

  Provides 54 real-world design system templates with visual tokens and component specs for generating HTML and CSS.

  ⚙ Select design system templates⚙ Load template design specifications⚙ Apply design tokens and styles
• frontend-design - Create distinctive, production-grade frontend interfaces.

  frontenddesignuicode-generation

  ★ 3 · Updated 2026-09-21

  Generates production-grade frontend code for web components, pages, artifacts, and applications while avoiding generic AI aesthetics.

  ⚙ Gather required project design context⚙ Run teach-impeccable for missing context⚙ Establish bold conceptual design directions
• popular-web-designs - 54 real design systems as HTML/CSS templates.

  designcsshtmlui

  ★ 0 · Updated 2026-09-21

  Provides 54 real-world design system templates and token specs for generating styled HTML and CSS.

  ⚙ Load design system templates⚙ Apply CSS custom properties⚙ Map Google Fonts substitutes

Scroll to load more