skills.rest
duggal1
duggal1COMMUNITY
Explore all skills by this author →
Website𝕏@harshitduggal5GitHub

frontend

Route frontend tasks to the full frontend design skill pack.

2|1|Updated Mar 8, 2026
Search Tags:#workflow#design#frontend#compatibility#guidance#skill-pack
One-click install
npx skills add https://github.com/duggal1/Sapphire-cli --skill frontend-duggal1
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend
Source: https://github.com/duggal1/Sapphire-cli/tree/main/internal/skills/bundled/frontend
Command: npx skills add https://github.com/duggal1/Sapphire-cli --skill frontend-duggal1

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Routes frontend-related tasks to the full frontend design skill pack, enabling existing flows to resolve into the complete suite without ambiguity.

Core Features & Use Cases

  • Lightweight compatibility wrapper that loads learn-frontend-context, frontend-design, and follow-up frontend skills.
  • Ensures a consistent starting point for frontend tasks by bridging to the full design system and guidelines.
  • Use Case: When a task specifies frontend work but requires the entire bundle, this skill redirects to the complete frontend pack and initializes with design rules.

Quick Start

Load learn-frontend-context if needed, then load frontend-design and the relevant follow-up frontend skills.

Frequently Asked Questions about frontend

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I load the complete frontend design skill pack for a UI scaffolding task?▼

This compatibility entrypoint routes frontend tasks to the full design skill pack by loading learn-frontend-context, then frontend-design, followed by relevant follow-up skills for component analysis and workflow integration.

What is the correct workflow for initializing frontend design rules and guidelines?▼

The correct frontend workflow initialization loads learn-frontend-context first, then frontend-design and relevant follow-up skills, ensuring a consistent starting point by bridging to the full design system and guidelines.

Do I need to manually load each frontend skill for component analysis tasks?▼

No, you do not need to manually load each frontend skill for component analysis. This compatibility wrapper automatically loads the complete frontend pack, initializing learn-frontend-context and frontend-design without ambiguity.

When should I use this frontend compatibility entrypoint instead of loading individual design skills?▼

Use this frontend compatibility entrypoint when a task specifies frontend work but requires the entire bundle, ensuring the complete suite of design skills loads without ambiguity.

Can I integrate frontend workflow tasks without encountering skill loading ambiguity?▼

Yes, you can integrate frontend workflow tasks without ambiguity by using this compatibility entrypoint, which routes tasks directly to the full frontend design skill pack for consistent resolution.

Related Skills

Explore More Design & Creative Skills→
chrisxue90chrisxue90
2

frontend-ui-ux

Route frontend UI/UX design tasks to the designer agent or Gemini MCP.

Community
Intermediate
EzioPeterEzioPeter
1

frontend-design

Generate React, Vue, or HTML components with responsive styling from design briefs.

Community
Advanced
Adelie-SquadAdelie-Squad
17

ui-designer

Create and apply design tokens for color, typography, and spacing.

Official
Intermediate
rachel353rachel353

frontend-feature-develop

Automate the four-step frontend feature workflow from spec to UI implementation.

Community
Intermediate