A workshop, not a product suite.
Ergastírio (Εργαστήριο) means workshop. It is a collection of focused utilities that solve one job well, share one visual system, and avoid unnecessary accounts, subscriptions, and data collection.
Use the tools directly. No setup required.
Open a tool from the hub or navigate directly to its route. Every tool works without an account and remembers lightweight preferences in your browser.
Choose a tool
Start from the hub or use a direct route.
Do the work
Enter a URL, generate a QR, or test typography.
Export or act
Download the result or apply the recommended fixes.
/ Ergastírio hub
/argus Website intelligence
/kyklos QR code generator
/gramma Typography workspace
/docs Complete documentationWebsite intelligence with actionable fixes.
Argus analyzes a public webpage, produces an overall score, groups findings by category and priority, then explains why each issue matters and how to fix it.
Technical SEO
Titles, descriptions, canonical URLs, headings, robots, sitemap signals, and social metadata.
Performance
Markup heuristics for render blocking, image optimization, Core Web Vitals risks, and delivery quality.
Accessibility
Alt text, form labels, semantic structure, heading order, ARIA usage, and interaction concerns.
Security
HTTPS and response header checks including CSP, HSTS, frame protection, MIME protection, and referrer policy.
AI readiness
Schema, semantic structure, summaries, question headings, lists, tables, and entity clarity.
- 1. Enter a complete public URL.
- 2. Wait while the server proxy fetches the page.
- 3. Review the score and category breakdown.
- 4. Open an issue to see its explanation and fix.
- 5. Re-analyze after applying changes.
- • The page must be publicly reachable.
- • Private IPs and localhost are blocked for security.
- • Some hosts may block automated requests.
- • Results are guidance, not a replacement for a full lab audit.
Permanent QR codes generated in your browser.
Kýklos creates QR codes locally. The code itself has no expiry because it directly stores the provided content rather than depending on a redirect service.
Enter the destination, choose contrast-safe colors, select the required size and error-correction level, test the preview with a phone, then export PNG for general use or SVG for print and scalable artwork.
A practical typography workspace.
Grámma helps you discover, test, compare, pair, favorite, and export type specimens without leaving the tool.
Write your own specimen text and apply it to the selected font. Adjust preview settings to judge real content rather than a fixed sample.
Compare several fonts side by side, explore suggested pairings, and export the final specimen as PNG or PDF.
Local by default, transparent when a server is required.
The tools avoid accounts, analytics, and behavioral tracking. Browser storage is only used to preserve preferences and useful local history.
A focused Next.js application.
The project uses the App Router, TypeScript, Tailwind CSS, Motion, and Lucide icons. Each tool has a direct route and keeps its domain logic close to its UI.
app/
├── page.tsx # Ergastírio hub
├── docs/page.tsx # Documentation
├── argus/page.tsx # Website intelligence
├── api/argus/analyze/ # Server-side page proxy
├── kyklos/page.tsx # QR generator
└── gramma/page.tsx # Typography workspace
components/ # Shared UI
argus/ # Argus domain code
gramma/ # Grámma domain code
kyklos/ # Kýklos domain codeDevelopment
npm install
npm run devValidation
npm run lint
npm run buildQuiet, precise, and intentionally restrained.
Every page shares the same visual foundation: near-black surfaces, translucent panels, compact controls, mono-led typography, restrained accents, and purposeful motion.
Color tokens
var(--background)var(--panel-solid)var(--control)var(--accent)Interaction rules
- • Controls remain compact and clearly clickable.
- • Motion explains state, never distracts.
- • Focus and hover states are always visible.
- • Dark and light themes share the same hierarchy.
Common issues and what they mean.
Most issues are caused by unreachable websites, browser extensions, stale development bundles, or invalid input.
Argus cannot reach a website
Confirm the URL is public and uses HTTP or HTTPS. Some providers block automated server requests; try another public page to verify.
Hydration warning in development
Browser extensions can modify body attributes before React loads. Test in a private window with extensions disabled before changing application code.
A route returns 404
Use the documented routes exactly. Paths such as /workspace/home are not application routes.
Theme looks incorrect
Clear the ergastirio-theme value in localStorage or use the theme toggle to reset the preference.
Export is blocked
Allow downloads for the site and make sure the browser supports canvas and Blob-based downloads.
Keep changes focused and consistent.
Contributions should solve a clear problem, preserve privacy, reuse the existing visual language, and include validation before submission.
- 1. Keep the scope small and intentional.
- 2. Match existing component patterns.
- 3. Avoid unnecessary dependencies.
- 4. Run lint and a production build.
- 5. Explain behavior changes clearly.
That is the complete workshop.
Use the navigation to revisit a section, open a tool to begin working, or view the repository to inspect the implementation.
Return to Ergastírio