Skip to content

Search skills.../

Agent Skill Search Engine

Search

Search
Categories
Occupations

About

About
Privacy
Terms

© 2026 Skills Pool. All rights reserved.

Experiments Home | Skills Pool

Skill File

Experiments Home

Iterar la home de experimentos manteniendo navegación clara, diseño curado y escalabilidad desde catálogo.

jgravano0 starsApr 7, 2026

Occupation
Categories: Lab Tools

Skill Content

Use this skill for changes to / (experiments home).

Read first

src/app/page.tsx
src/lib/experiments/catalog.ts
src/app/globals.css

Core principles

Home is a curated index, not a portfolio landing.
Keep copy minimal.
Preserve data-driven rendering from catalog.
Keep rail behavior clear (discoverability of horizontal scroll).
Allow per-card identity via cardStyle and accent.

Implementation checklist

If adding/removing experiments, modify catalog only.
If changing card composition, update src/app/page.tsx without hardcoding individual experiments.
If changing look, implement in globals.css using stable class names and data-card-style.
Preserve keyboard accessibility ( states).

Related Skills

Quick Install

Experiments Home

npx skillvault add jgravano/jgravano-magicui-juan-software-agents-skills-experiments-home-skill-md

Download Skill Open repository

Author: jgravano
stars: 0
Updated: Apr 7, 2026
Occupation

On this page

focus-visible

Keep mobile and desktop behavior intentionally different where needed.

Visual quality guardrails

Avoid generic UI patterns.
Avoid noisy text blocks.
Prefer strong hierarchy and atmospheric background layers.
Keep transitions subtle and intentional.

Validate

Run npm run build:fast.
Confirm / still routes to existing experiment pages.
Report exactly what changed in structure vs styling.

02

Core principles

03Implementation checklist

04Visual quality guardrails

Software Developers

Automation Audit Ops

Evidence-first automation inventory and overlap audit workflow for ECC. Use when the user wants to know which jobs, hooks, connectors, MCP servers, or wrappers are live, broken, redundant, or missing before fixing anything.

Github Qa Labels

Label GitHub issues and PRs found during QA testing. Use when organizing QA findings with proper labels.

storybookjs89.7k

Jupyter Notebook

Gamitin kapag humihiling ang gumagamit na gumawa, mag-scaffold, o mag-edit ng mga Jupyter notebook (`.ipynb`) para sa mga eksperimento, eksplorasyon, o tutorial; mas piliin ang mga naka-bundle na template at patakbuhin ang helper script na `new_notebook.py` upang makabuo ng malinis na panimulang notebook.

Tidb Integrationtest Recorder

Use when recording TiDB integration tests under tests/integrationtest and verifying regenerated result files stay minimal and correct.

Quality Nonconformance

Codified expertise for quality control, non-conformance investigation, root cause analysis, corrective action, and supplier quality management in regulated manufacturing.

Hugging Face Trackio

Track ML experiments with Trackio using Python logging, alerts, and CLI metric retrieval.

Software Developers