Loading
Also from Kynth Studios
Also from Kynth Studios
Also from Kynth Studios
1# Development23## Dev Server45When starting the dev server, use background mode:67```8astro dev --background9```1011Manage the background server with:1213- `astro dev stop` — Stop the background server14- `astro dev status` — Check if the server is running15- `astro dev logs` — View server logs1617## Commands1819| Command | Action |20| :------ | :----- |21| `npm install` | Install dependencies |22| `npm run dev` | Start local dev server at `localhost:4321` |23| `npm run build` | Build production site to `./dist/` |24| `npm run preview` | Preview production build locally |25| `npm run astro ...` | Run Astro CLI commands (`astro add`, `astro check`, etc.) |26| `npm run test` | Run Vitest tests |27| `npm run test:coverage` | Run Vitest with coverage report |2829## Documentation3031Full documentation: https://docs.astro.build3233Consult these guides before working on related tasks:3435- [Adding pages, dynamic routes, or middleware](https://docs.astro.build/en/guides/routing/)36- [Working with Astro components](https://docs.astro.build/en/basics/astro-components/)37- [Using React, Vue, Svelte, or other framework components](https://docs.astro.build/en/guides/framework-components/)38- [Adding or managing content](https://docs.astro.build/en/guides/content-collections/)39- [Adding styles or using Tailwind](https://docs.astro.build/en/guides/styling/)40- [Supporting multiple languages](https://docs.astro.build/en/guides/internationalization/)4142## Project Structure4344The only directory reserved by Astro is `src/pages/`. Other directories (`src/components/`, `src/layouts/`, `src/styles/`) are conventions, not requirements.4546| Directory | Purpose |47|-----------|---------|48| `src/pages/` | **Required.** File-based routing. `.astro`, `.md`, `.mdx` files become routes. |49| `src/components/` | Reusable Astro or UI framework components (convention) |50| `src/layouts/` | Page layout components providing `<html>`, `<head>`, `<body>` shell with `<slot />` (convention) |51| `src/styles/` | Global CSS files (convention) |52| `public/` | Unprocessed static assets (fonts, favicon, PDFs) — copied as-is to build |5354## View Transitions & Client-Side Routing5556- Import `<ClientRouter />` from `astro:transitions` in shared layouts to enable client-side navigation with animated page transitions57- Use `transition:name` directive to associate elements across pages for smooth animations58- Use `transition:animate` directive with built-in options: `fade` (default), `slide`, `initial`, `none`59- Use `transition:persist` to keep elements across navigations (e.g., persistent audio/video players)60- Astro automatically respects `prefers-reduced-motion` and disables all view transition animations6162## Client Directives for UI Framework Components6364When using UI framework components (React, Vue, Svelte), use `client:*` directives to control hydration:6566| Directive | Priority | Use Case |67|-----------|----------|----------|68| `client:load` | High | Immediately-visible interactive elements |69| `client:idle` | Medium | Lower-priority elements; hydrates after page load |70| `client:visible` | Low | Below-the-fold elements; hydrates when scrolled into viewport |71| `client:media` | Low | Elements visible only at certain screen sizes |7273## Accessibility7475- Use semantic HTML elements (`<nav>`, `<main>`, `<section>`, `<article>`, etc.)76- Provide ARIA labels and descriptions where needed77- Ensure keyboard navigation works for all interactive elements78- Maintain sufficient color contrast (WCAG AA minimum)79- Test with screen readers when making UI changes80- Use `aria-hidden="true"` on decorative elements and icons81- Always include a `<title>` in each page for accessibility (especially with client-side routing)
One repository carrying more than one format is the comparison this product exists for: does anyone actually write different content in each file, or is one a copy of the other?
| Repository | Format | Stack | Covers | Score | Changed |
|---|---|---|---|---|---|
| tsongglod123/excel-formula-visualizer.clinerules/coding-conventions.md · 0 | Cline rules | stylearchtypesui+1 | 70/100 | today | |
| tsongglod123/excel-formula-visualizer.clinerules/memory-bank.md · 0 | Cline rules | archperformancedocs | 48/100 | today | |
| tsongglod123/excel-formula-visualizer.clinerules/project-context.md · 0 | Cline rules | testing-strategy | 16/100 | today | |
| tsongglod123/excel-formula-visualizerAGENTS.md · 0 | AGENTS.md | docs | 31/100 | today |
Same format, overlapping stack, ranked by quality.
| Repository | Format | Stack | Covers | Score | Changed |
|---|---|---|---|---|---|
| bashdeban/fastmind.clinerules/.project-consistency-keeper2.md · 5 | Cline rules | setupbuildtestlint-format+11 | 100/100 | 14 days ago | |
| JCodesMore/ai-website-cloner-template.clinerules · 32k | Cline rules | buildlint-formatstylearch+3 | 97/100 | 7 days ago | |
| BryaanF/LiantPortfolio.clinerules/project-guidelines.md · 0 | Cline rules | buildstylearchgit+2 | 96/100 | 14 days ago | |
| u9401066/zotero-keeper.clinerules/50-pubmed-project.md · 6 | Cline rules | testlint-formatstylearch+1 | 94/100 | 14 days ago | |
| u9401066/zotero-keepervscode-extension/resources/repo-assets/pubmed-search-mcp/.clinerules/50-pubmed-project.md · 6 | Cline rules | testlint-formatstylearch+1 | 94/100 | 14 days ago | |
| VaillerTeeter/HoshimiNest.clinerules/project-identity.md · 1 | Cline rules | setuparchtypesdo-not | 93/100 | 12 days ago | |
| blendsdk/codeops-mcp.clinerules/project.md · 0 | Cline rules | buildteststylearch+7 | 91/100 | 14 days ago | |
| cline/cline.clinerules/general.md · 66k | Cline rules | setupbuildstylearch+2 | 86/100 | 14 days ago |
A badge carrying the measured quality of the strongest agent config file in this repository, out of 100. It reads from this index every time somebody loads your page, so it changes when the measurement changes and there is nothing to keep up to date. Free, no account, and the value is not something you or we can set by hand.
[](https://rulestack.kynth.studio/configs/tsongglod123-excel-formula-visualizer-clinerules-development)Would rather not hotlink us? Every badge is also served in shields.io’s endpoint schema, so shields renders the image and your readers never talk to our domain:
Published by Toolproof, the masthead over this index and eight others. The method behind the number is at toolproof.kynth.studio/methodology, and the whole thing is readable as JSON with no key at /api.