Skip to content
Development
Skill

/frontend

Frontend architecture, UI/UX implementation, and web performance

BOOST
@dongduong2001dongduong2001@dongduong2001
From plugin
pudo-code-system
538 skills1 agent

Claude Code

$ npx -y skills add DongDuong2001/pudo-code-system --skill frontend --agent claude-code

SKILL.md

frontend.SKILL.md
name: frontend-code
description: Frontend architecture, UI/UX implementation, and web performance

Frontend Code Skill

This skill specializes in browser-based development including HTML, CSS, React, Vue, Angular, etc.

When to use this skill

  • When building responsive, accessible user interfaces.
  • When managing client-side state and routing.
  • When addressing Core Web Vitals (LCP, FID, CLS).

Guidelines

  • Assume a mobile-first philosophy for responsive design.
  • Semantic HTML is critical for Accessibility (a11y) and SEO. Avoid using generic `div` elements when native elements apply.
  • Minimize main-thread blocking JavaScript to maintain 60 FPS interactions.
  • Scope CSS to components (CSS Modules, CSS-in-JS, Shadow DOM) to avoid global style leaking.
Read it on GitHub ↗
Stats
PythonTypeScriptNext.jsBashDockerKubernetesTerraformGitHubCI/CDAnthropicGeminiMCP
5
Stars
0
Forks
Active
Maintenance
TypeScript
Language
MIT
License
Last commit
Created

Repo: DongDuong2001/pudo-code-system

In this plugin
38 skills1 agent
See everything inside
@dongduong2001
Ships withpudo-code-system

Modular, scalable, automated development intelligence.

538 skills1 agent
Get the whole plugin

Stars on GitHub

Momentum

stars in total
5
Star history of DongDuong2001/pudo-code-system on GitHub, a chart by star-history.com
See what's trending this week

Other skills on pudo-code-system.

pudo

pudo

PUDO workflow: Plan -> Understand -> Develop -> Optimize. Use on any non-trivial coding task (features, bug fixes, refactors,…

pudo-code-system
@dongduong2001@dongduong2001Install Skill
fastapi

fastapi

- [ ] **API Design:** Define RESTful endpoints, path parameters, and query parameters. - [ ] **Data Validation:** Plan Pydantic…

pudo-code-system
@dongduong2001@dongduong2001Install Skill
rust

rust

- [ ] **Framework Selection:** Choose web framework (Axum, Actix-web) based on performance vs. ecosystem needs. - [ ] **Crate…

pudo-code-system
@dongduong2001@dongduong2001Install Skill
See all 38 skills in pudo-code-system

More skills from other plugins.

brainstorming
Auto-invoked

brainstorming

You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or…

superpowers13d311k
@obra@obraInstall Skill
ask-matt

ask-matt

Ask which skill or flow fits your situation. A router over the skills in this repo.

skills11d309k
@mattpocock@mattpocockInstall Skill
accessibility
Auto-invoked

accessibility

Design, implement, and audit accessible UI to WCAG 2.2 Level AA across Web, iOS, and Android — semantic ARIA roles and labels,…

ecc13d293k
@affaan-m@affaan-mInstall Skill
compiler-commit

compiler-commit

Use when you want to verify compiler changes and commit with the correct convention. Runs tests, lint, and format, then commits…

react2d252k
@facebook@facebookInstall Skill

Questions about frontend.

Which coding agents can use frontend?
frontend installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.