component-engineering

Apply the formal standard for React component engineering focusing on accessibility, composition, and styling. Use for building professional, composable React artifacts. Explicit invocation only (/component-create, /component-review, or naming this skill). Generic component builds and reviews route to design-engineer-bible (dxb) instead. Examples: - user: "/component-create Button trigger" → build accessible button with asChild and keyboard map - user: "/component-review src/components/Input.tsx" → audit for accessibility and composition compliance - user: "Build a responsive slider" → select taxonomy type and implement with data attributes - user: "Review my layout component" → check for monolithic patterns vs composition

Ir para a instalação

Repositório: jal-co/jalco-pi-mono
Última atividade na origem: 21 de julho de 2026 às 20:13
Idioma detectado do SKILL.md: inglês
Estrelas: 35
Forks: 1

Opções de instalação

Por padrão, está selecionado o prompt que primeiro revisa a origem. Você pode mudar para um comando direto ou baixar uma cópia local.

Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.

Um comando direto ignora o prompt de revisão. Verifique a origem antes de executá-lo.

npx skills add https://github.com/jal-co/jalco-pi-mono --skill component-engineering

O comando permanece em uma só linha. Role horizontalmente para revisá-lo antes de copiar.

Prefere uma cópia local? Baixe os arquivos disponíveis atualmente no SkillsMP.

Revise os arquivos de origem

Leia o SKILL.md e os arquivos complementares exibidos pelo SkillsMP antes de decidir se vai instalar.

Explorador de arquivos

7 arquivos

SKILL.md

Instruções da origem · Visualização somente leitura

Voltar à pesquisa Voltar à instalação

docs-writer

Write, edit, review, and restructure Shieldcn documentation with accurate code-backed content, Fumadocs MDX conventions, and consistent technical-writing style. Use for docs rewrites, badge provider docs, API reference updates, sidebar/meta changes, documentation audits, and consolidation work. Triggers include "redo the docs", "write docs", "review docs", "update badge docs", "consolidate docs", "docs style", or any task modifying packages/web/content/docs.

2026-07-21

remocn

Build Remotion videos with remocn — a shadcn registry of copy-paste animation components and timeline-driven UI primitives. Use when composing video scenes, adding text animations, transitions, backgrounds, UI blocks, brand/social cards, or full compositions in a Remotion project. Triggers include "remocn", "video component", "add animation", "text reveal", "scene transition", "product demo video", "remotion component", "typewriter", "terminal simulator", "glass code block", and the UI-primitive tier: "video dialog", "video button", "command menu", "video select", "video tooltip". Even if the user doesn't mention remocn, activate when they need polished video primitives for Remotion.

2026-07-21

ship-or-skip

A realistic co-founder critic for software/product ideas. Use when the user wants an honest assessment of whether an idea is worth building, to find existing competitors, to size a niche, to pressure-test positioning, or to name a product and check domain availability. Triggers include "is this idea worth it", "ship or skip", "vet my idea", "who are the competitors", "is this niche too small", "is the competition too big", "name this product", "critique my startup idea", or sorting a backlog of ideas into pursue / refine / kill.

2026-07-21

Ver todas deste repositório

name

component-engineering

description

Formal standard for building professional, accessible, and composable React artifacts. You MUST read these reference files to perform your duties:

Architecture: composition.md - asChild, Taxonomy, Composition
Accessibility: accessibility.md - Keyboard maps, ARIA, Focus management
Styling: styling.md - cn utility, Data attributes, CVA, Design tokens

/component-review [file]

Strictly audit the file against the specification pillars.

You MUST read all reference files in the references/ directory before proceeding
Classify the artifact using taxonomy.md
Evaluate Accessibility: You MUST check keyboard support and semantic HTML against accessibility.md
Evaluate Architecture: You MUST check for monolithic patterns vs composition against composition.md
Evaluate Styling: Look for data-slot usage and prop spreading against styling.md

/component-create [name] [intent]

Build a new artifact following the "Architecture First" workflow.

You MUST read the relevant references/*.md files to select the correct patterns
Choose the Taxonomy type
Select the base Semantic Element or Headless Primitive
You MUST implement the Keyboard Map
You MUST apply asChild support if the component is an activator/trigger
You MUST expose Data Attributes (data-state, data-slot)
Use the cn utility for class merging

component-engineering

Informações da origem

Opções de instalação

Revise os arquivos de origem

Mais deste repositório

Mais deste repositório

/component-review [file]

/component-create [name] [intent]

/component-review [file]

/component-create [name] [intent]