Build UI components from feature specs across React, Vue, or Svelte projects.
npx skills add https://github.com/glwr/ai-coding-base --skill frontend-glwr
Please help me install this Agent Skill. Skill: frontend Source: https://github.com/glwr/ai-coding-base/tree/main/web/.claude/skills/frontend Command: npx skills add https://github.com/glwr/ai-coding-base --skill frontend-glwr
Developers often stall after architectural design because implementing UI components manually is time‑consuming, error‑prone, and may diverge from design standards.
docs/design-system.md.Invoke /frontend with the path to the feature spec you want to implement.
High-intent search queries and answers about installing and using this skill.
To generate React UI components from a feature specification, invoke the skill with the spec path. It builds reusable components that match your project's design system, state management conventions, and accessibility standards.
Yes, you can build Vue or Svelte components using the same design system tokens. The skill generates components for Next.js, Nuxt, or SvelteKit while enforcing colors, spacing, and typography from your design system documentation.
To ensure generated UI components follow your state management conventions, the skill integrates with your chosen solution like Zustand or Redux. It prefers server-side data fetching and connects the components directly to backend APIs.
The best way to enforce accessibility and responsiveness when implementing frontend code is using a skill that bakes in ARIA best practices and responsive layouts out of the box during component generation, ensuring compliance automatically.
Yes, you need an architecture design before generating UI components. This skill is used after architectural design to implement frontend code across React, Vue, or Svelte projects, bridging the gap between design standards and final UI implementation.
telum-aiCreate a Speck project structure with a skeleton project.md file.
j4xieRun end-to-end integration tests for API and UI interactions in the Cretas food traceability system.
microsoftAudit UI implementations for design-system compliance across typography, spacing, tokens, colors, and accessibility.
AI-Foundry-CoreStandardizes UI component patterns across React, Vue, and Svelte for design systems.