frontend

Étoiles2

Forks0

Mis à jour2 mars 2026 à 06:18

Frontend rules conventions. Use when working with frontend-related tasks.

Installation

Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.

Source

jarle

jarle/adonisjs-inertia-svelte

Ouvrir le dépôt GitHub Voir les dépôts du créateur

Téléchargement

Métiers associésSOC

Basé sur la classification professionnelle SOC

Développeurs de logicielsProfessions informatiques et mathématiques·SOC 15-1252

Explorateur de fichiers

2 fichiers

SKILL.md

readonly

name	frontend
description	Frontend rules conventions. Use when working with frontend-related tasks.
metadata	{"short-description":"Frontend rules and conventions."}

Frontend skills

The target audience is a general population - use simple user-friendly language and avoid technical terms
Less is more: avoid unneccessary copy and explanations.
- The UI should be intuitive enough that it shouldn't be riddled with explainer text
Avoid overused cliche AI language, terms and expressions.
Use spacing to create a UI that breathes and is visually pleasant
Use optimistic updates when mutating data
Break react components into several smaller components
Avoid using emojis, use the included icon library instead.
Avoid content shift when possible
- Try to use skeletons and sensible placeholders when data is loading
- Also make sure pagination is smooth without navigational controls moving around
Avoid using margin for your components; prefer flex gap and padding

Plus depuis ce dépôt

même dépôt

browser-testing

jarle/adonisjs-inertia-svelte

Run, write, and troubleshoot Japa browser tests that use Playwright; use when you add or change frontend functionality that should be covered by tests

2026-03-022

testing

jarle/adonisjs-inertia-svelte

Testing guidelines. Use when writing or updating tests.

2026-03-022

caching

jarle/adonisjs-inertia-svelte

Caching with @adonisjs/cache (keys, tags, invalidation). Use when adding or debugging cache behavior.

2026-03-022

database-migrations

jarle/adonisjs-inertia-svelte

Lucid models/migrations conventions and safe workflows. Use when changing schema or models.

2026-03-022

documentation

jarle/adonisjs-inertia-svelte

Writing documentation. Use when key functionality is added or changed

2026-03-022

jobs

jarle/adonisjs-inertia-svelte

Background job conventions (BullMQ via @rlanz/bull-queue). Use when adding or editing jobs.

2026-03-022

name	frontend
description	Frontend rules conventions. Use when working with frontend-related tasks.
metadata	{"short-description":"Frontend rules and conventions."}

Frontend skills

The target audience is a general population - use simple user-friendly language and avoid technical terms
Less is more: avoid unneccessary copy and explanations.
- The UI should be intuitive enough that it shouldn't be riddled with explainer text
Avoid overused cliche AI language, terms and expressions.
Use spacing to create a UI that breathes and is visually pleasant
Use optimistic updates when mutating data
Break react components into several smaller components
Avoid using emojis, use the included icon library instead.
Avoid content shift when possible
- Try to use skeletons and sensible placeholders when data is loading
- Also make sure pagination is smooth without navigational controls moving around
Avoid using margin for your components; prefer flex gap and padding