> ## Documentation Index
> Fetch the complete documentation index at: https://trickest.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Workflows

> Explore a collection of powerful and efficient workflows in the Recon category to enhance your productivity and security.

export const WorkflowCard = ({cardTitle, description, iframeUrl, href, category, complexity, publisher}) => <a href={href} style={{
  textDecoration: 'none'
}}>
    <div style={{
  background: 'linear-gradient(145deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.02) 100%)',
  borderRadius: '16px',
  overflow: 'hidden',
  transition: 'transform 0.4s cubic-bezier(0.215,0.61,0.355,1), box-shadow 0.3s ease',
  height: '40rem',
  display: 'flex',
  marginBottom: '16px',
  flexDirection: 'column',
  border: '1px solid rgba(255, 255, 255, 0.1)',
  boxShadow: '0px 8px 32px -2px rgba(0, 0, 0, 0.25), 0px 1px 2px 0px rgba(255, 255, 255, 0.07)',
  backdropFilter: 'blur(8px)',
  perspective: '1000px'
}} onMouseOver={e => {
  e.currentTarget.style.boxShadow = '0 8px 32px -2px rgba(0, 0, 0, 0.4)';
  e.currentTarget.style.transform = 'translateY(-4px) scale(1.02)';
}} onMouseOut={e => {
  e.currentTarget.style.boxShadow = '0px 8px 32px -2px rgba(0, 0, 0, 0.25), 0px 1px 2px 0px rgba(255, 255, 255, 0.07)';
  e.currentTarget.style.transform = 'translateY(0) scale(1)';
}}>
      <div style={{
  width: '100%',
  height: '300px',
  borderBottom: '1px solid rgba(255, 255, 255, 0.1)',
  position: 'relative'
}}>
        <div style={{
  position: 'absolute',
  top: 0,
  left: 0,
  right: 0,
  bottom: 0,
  background: 'linear-gradient(45deg, rgba(0, 163, 255, 0.1) 0%, rgba(0, 101, 255, 0.05) 100%)'
}} />
        <iframe src={iframeUrl} style={{
  width: '100%',
  height: '100%',
  border: 'none',
  position: 'relative',
  zIndex: 1,
  background: 'transparent'
}} scrolling="no" />
      </div>

      <div style={{
  padding: '1.5rem',
  display: 'flex',
  flexDirection: 'column',
  height: 'calc(100% - 300px)',
  gap: '12px'
}}>
        <div style={{
  height: '4.5rem',
  display: 'flex',
  alignItems: 'flex-start'
}}>
          <h2 style={{
  color: '#ffffff',
  fontSize: '1.4rem',
  margin: 0,
  fontWeight: '600',
  lineHeight: '1.3',
  overflow: 'hidden',
  textOverflow: 'ellipsis',
  display: '-webkit-box',
  WebkitLineClamp: 2,
  WebkitBoxOrient: 'vertical'
}}>
            {cardTitle}
          </h2>
        </div>

        <div style={{
  display: 'flex',
  alignItems: 'center',
  gap: '8px',
  marginBottom: '8px'
}}>
          <div style={{
  display: 'flex',
  alignItems: 'center',
  gap: '8px'
}}>
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="rgba(163, 179, 188, 0.8)" strokeWidth="2">
              <rect width="16" height="16" x="4" y="4" rx="2" />
              <rect width="6" height="6" x="9" y="9" rx="1" />
              <path d="M15 2v2" /><path d="M15 20v2" />
              <path d="M2 15h2" /><path d="M2 9h2" />
              <path d="M20 15h2" /><path d="M20 9h2" />
              <path d="M9 2v2" /><path d="M9 20v2" />
            </svg>
            <span style={{
  color: 'rgba(163, 179, 188, 0.8)',
  fontSize: '0.9rem'
}}>Complexity</span>
            <div style={{
  display: 'flex',
  gap: '4px',
  marginLeft: '8px'
}}>
              {Array.from({
  length: 5
}, (_, i) => <div key={i} style={{
  width: '20px',
  height: '4px',
  backgroundColor: i < complexity ? '#3a86ff' : 'rgba(255, 255, 255, 0.1)',
  borderRadius: '2px'
}} />)}
            </div>
          </div>
        </div>

        <p style={{
  color: 'rgba(163, 179, 188, 0.8)',
  fontSize: '1rem',
  margin: 0,
  lineHeight: '1.5',
  flex: '1 1 auto',
  overflowY: 'auto',
  paddingRight: '8px'
}}>
          {description}
        </p>

        <div style={{
  display: 'flex',
  justifyContent: 'flex-end',
  alignItems: 'center',
  gap: '8px',
  marginTop: '12px'
}}>
          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="rgba(163, 179, 188, 0.8)" strokeWidth="2">
            <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" />
            <circle cx="12" cy="7" r="4" />
          </svg>
          <span style={{
  color: 'rgba(163, 179, 188, 0.8)',
  fontSize: '0.75rem'
}}>
            {publisher}
          </span>
        </div>
      </div>
    </div>
  </a>;

<CardGroup cols={2}>
  <WorkflowCard cardTitle="5WP Subdomain Recon by NahamSec" description="NahamSec's 5WP recon workflow to identify subdomains across multiple domains and different ports" iframeUrl="https://editor.trickest.io/preview?workflow_url=https://trickest-public-workflow.s3.eu-central-1.amazonaws.com/c6943368-212b-4adc-9364-015f23b827a4.json" href="/docs/library/recon/workflows/5wp-subdomain-recon-by-nahamsec" id="c6943368-212b-4adc-9364-015f23b827a4" category="Recon" complexity={3} publisher="NahamSec" />
</CardGroup>