Michel avatar

Michel

Community

@michelve · Florida

23Followers
|
39Public Repos
|
25Published Skills

From design tokens to autonomous agents; building systems that think and scale.

Skills Distribution
DomainDeveloper To...Frontend Component.. (35%)Accessibility & De.. (25%)Testing & Code Qua.. (20%)Backend & Data Layer (12%)

Agent Skills by Michel

Showing 25 vetted skills indexed across 3 GitHub repositories.

michelvemichelve

sync-schemas

Update local JSON Schemas for marketplace.json and plugin.json manifests.

Community
Intermediate
michelvemichelve

skill-developer

Guide creation and management of Claude Code skills with YAML frontmatter and triggers.

Community
Advanced
michelvemichelve

skill-creator

Create and refine AI skills with SKILL.md and automated evaluations.

Community
Advanced
michelvemichelve
1

playwright-skill

Automate browser interactions and end-to-end tests with Playwright.

Community
Advanced
michelvemichelve
1

nodejs

Structure Node.js backend services with layered architecture and TypeScript.

Community
Intermediate
michelvemichelve
1

web-design-guidelines

Review web interface code for WCAG 2.2 AA, shadcn/ui, and Tailwind CSS v4 compliance.

Community
Intermediate
michelvemichelve
1

figma-implement-design

Translate Figma designs into React components with design system tokens.

Community
Advanced
michelvemichelve
1

shadcn

Manage shadcn/ui components and project configurations in React applications.

Community
Advanced
michelvemichelve
1

prisma

Provide Prisma ORM patterns for queries, schemas, migrations, and transactions.

Community
Intermediate
michelvemichelve
1

setup

Verify development environment setup, environment variables, tools, and MCP server accessibility.

Community
Intermediate
michelvemichelve
1

task-check

Verify task completion against acceptance criteria for software development workflows.

Community
Intermediate
michelvemichelve
1

route-tester

Test Express.js HTTP API routes with TypeScript across unit, integration, and end-to-end methods.

Community
Intermediate
michelvemichelve
1

adr-writer

Write, validate, and commit MADR 4.0.0 Architecture Decision Records.

Community
Advanced
michelvemichelve
1

figma

Convert Figma designs into React and Tailwind CSS components.

Community
Intermediate
michelvemichelve
1

react-best-practices

Review React code for performance improvements per Vercel guidelines.

Community
Intermediate
michelvemichelve
1

create-tasks

Break down product requirements into INVEST-compliant tasks for sprint planning.

Community
Advanced
michelvemichelve
1

code-connect-components

Connect Figma design components to matching code implementations via Code Connect.

Community
Advanced
michelvemichelve
1

miro-mcp

Create diagrams, documents, and tables on Miro boards via MCP.

Community
Intermediate
michelvemichelve
1

writing-tests

Guide writing and reviewing software tests with naming, assertion, and edge case best practices.

Community
Intermediate
michelvemichelve

accessibility

Implement WCAG 2.2 AA compliant accessibility in React 19 components with shadcn/ui and Radix UI.

Community
Advanced
michelvemichelve
1

tailwindcss

Style React components with Tailwind CSS v4 utility classes and responsive design.

Community
Intermediate
michelvemichelve
1

component-visualizer

Generate interactive HTML dependency graphs from React component imports.

Community
Intermediate
michelvemichelve
1

react

Guide React 19 component development with hooks, TypeScript, and performance practices.

Community
Intermediate
michelvemichelve
1

create-design-system-rules

Generate project-specific design system rules for AI coding agents.

Community
Advanced

Frequently Asked Questions About Michel

FAQPage Schema
What tasks can I accomplish with Michel's skill registry?▼

You can convert Figma designs into React and Tailwind components, audit interfaces for WCAG 2.2 AA/AAA compliance, write Prisma schemas and migrations, test Express routes and Playwright browser flows, author MADR 4.0.0 architecture records, and break requirements into INVEST-compliant sprint tasks.

Who should use these skills?▼

Frontend engineers working in React 19 with TypeScript, shadcn/ui, and Tailwind CSS v4 benefit most, alongside accessibility specialists handling ARIA, keyboard navigation, and VPAT reports, plus backend developers structuring Node.js services and Prisma data layers.

How do the accessibility skills work in practice?▼

Invoke the accessibility skill with a specific problem such as a WCAG success criterion, axe-core or WAVE audit failure, contrast issue, or focus management bug. It returns guidance on ARIA roles, screen reader behavior, keyboard navigation, skip links, and accessible form patterns.

What are the prerequisites for using these skills?▼

Skills run inside Claude Code as SKILL.md definitions with YAML frontmatter. Relevant projects typically use React 19, TypeScript, Tailwind CSS v4, shadcn/ui, Prisma, Express.js, or Playwright; the setup skill verifies environment variables and MCP server accessibility.

Can I create my own skills using this registry?▼

Yes. The skill-creator and skill-developer skills guide authoring Claude Code skills with SKILL.md files, YAML frontmatter, triggers, and automated evaluations, while sync-schemas keeps local JSON Schemas for marketplace.json and plugin.json manifests current.