Builds Etch components live via the Etch Connector or as paste-ready markup — BEM naming, enforced ACSS 4.x tokens when AutomaticCSS is detected.
Plugin etchwp from marketplace fws-skills in flyingwebie/skills. Commands read from the repo's manifest — 1 month ago.
etchwpEtch + AutomaticCSS component generator with live Etch Connector building. Builds directly in a connected Etch builder tab (/etch), or produces paste-ready section markup (/section) and standalone components (/generate) — always with correct BEM naming, enforced ACSS 4.x tokens/utilities when Automa
acss-detectionDetects whether AutomaticCSS (ACSS) is installed for the current project/site and persists the result as the project's ACSS mode. When ACSS is present, generation is FORCED to use ACSS tokens and utility classes. Run before any generation when .etch-components/config.json is missing or has no acss k
css-generationGenerates BEM-scoped CSS with ACSS custom property references for Etch components. Uses &__/&-- stemming compatible with Etch CSS panel. ACSS mode ON: hard gate -- every design value a verified ACSS token, custom CSS only where no utility exists. ACSS mode OFF: local custom-property fallback. Contai
etch-connectorTransport layer for driving a live Etch builder tab through the Etch Connector CLI (@digital-gravy/etch-connector). Owns the connection lifecycle, the eval contract, persistence (saveAsync) rules, exit-code handling, and the post-push verification loop. Never decides what markup/classes to build --
etch-conventionsEtch best practices for component generation. Encodes Section > Container hierarchy, AutoBEM naming alignment, container-query responsive approach, and accessibility defaults. Consult this skill before generating any HTML, CSS, or JS for Etch components.
html-generationGenerates semantic HTML for Etch components. Handles element mapping, landmark selection, heading hierarchy, placeholder content, and accessibility attributes. Class output is ACSS-mode-aware: BEM hooks always; ACSS utility classes added when AutomaticCSS is detected, BEM-only markup (styling in CSS
js-generationGenerates vanilla ES2020+ JavaScript for interactive Etch components. Uses event delegation, async patterns, and state management classified by interactivity level.
persistenceManages .etch-components/ folder and registry.json. Handles initialization, reading, writing, and updating component metadata. Every command reads the registry before operating and writes back after completing.
sectionGenerate paste-into-Etch section markup. Runs the etchwp generation pipeline, then wraps the <section> and its Container <div> with data-etch-element + base64 data-etch-context (readable layer name + unique ref). BEM classes for naming, ACSS utility classes for styling, no stylesheet. Use when the u
/etchwp:etchBuild live in a connected Etch builder tab via the Etch Connector (with ACSS enforcement)
/etchwp:generateGenerate a production-ready Etch component from a name and description
/etchwp:librarySearch, filter, paste, or push previously generated Etch components
/etchwp:sectionGenerate paste-into-Etch Section > Container markup with Etch builder metadata
Code-first, spec-driven MVP builder. v0.14 makes every loop stop state its reason and its next command, cuts review agents without cutting a single mechanical check, and puts the whole plugin into ASD-STE100 Simplified Technical English, enforced by scripts/ste-check.sh.
13 skills · 16 commands · 3 agents · hooks
Scaffolds a production-grade Expo app on one opinionated stack — Expo Router + Convex (cloud or self-hosted) + Better Auth + Uniwind + react-i18next + pre/post sign-in onboarding, with an Expo-UI-first UI layer (FlashList v2, TrueSheet, keyboard-controller, gifted-charts, calendars, pager-view), a react-native-ease / Reanimated / Skia motion split, deep linking through +native-intent (Universal/App Links plus the deferred-install gap), a premium-UI audit that verifies on a real device via argent alongside a screenshot-driven visual-design critique, revenue decisions backed by subscription data (trial length, hard vs freemium, Android billing recovery), ASO as part of the ship loop, and post-scaffold commands — /setup, /rebrand, /customize-onboarding, /configure-monetization, /add-language, /ship. Always resolves the latest Expo SDK — nothing is pinned except the mandatory better-auth version set, which is derived from the Convex component. bun/pnpm/yarn workspaces with the hoisting React Native actually needs. Composes with the official expo, convex, better-auth, uniwind, revenuecat, true-sheet, code-with-beto, aso and mobbin skill packs instead of duplicating them. Distilled from Expo's engineering blog and Code with Beto.
14 skills · 10 commands
Complete client discovery workflow — sitemap audit, competitor research, buyer personas, keyword strategy, and production-ready website copy with a 90-day content plan
11 skills · 10 commands · hooks
Psychology-driven UI/UX design plugin — combines cognitive psychology skills with Google Stitch MCP to generate premium, conversion-optimized page designs
8 skills · 7 commands · 2 agents
Best-practice git workflow manager with Gitmoji + Conventional Commits, automated releases, branch hygiene, and safety hooks
3 skills · 9 commands · hooks
Tech stack subagents that auto-trigger for TanStack Start, Next.js, Convex, Supabase, and Clerk — with Context7 docs, Tailwind v4, shadcn/ui, and psychology-driven UX. Expo / React Native is owned by the expo-stack plugin.
7 skills · 5 agents
Access thousands of AI prompts and skills directly in your AI coding assistant. Search prompts, discover skills, save your own, and improve prompts with AI.
2 skills · 2 commands · 2 agents · 1 MCP server
Professional UI/UX design intelligence for AI coding assistants. Includes searchable databases of styles, colors, typography, charts, and UX guidelines for React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, and Three.js.
7 skills
Official Next.js skills: adopt and optimize Cache Components, adopt Partial Prefetching, and verify runtime behavior against a running dev server.
6 skills
Build, preview, and test UI components with Storybook.
7 skills
Scaffold, validate, and publish new Claude Code plugins with proper structure
3 skills · 1 command · 1 agent
Install the "AAS Accessibility & Inclusive UX" workflow plugin from Agentic Awesome Skills.
10 skills
This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.