frontend
Build and modify frontend pages, components, state logic, styling, forms, client-side interactions, and UI behavior in React, Vue, Svelte, vanilla…
Skill by PAISHU-AI
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/paishu-ai-frontend
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: design, frontend
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/frontend
What's inside
- Skill name
frontend- Description
- Build and modify frontend pages, components, state logic, styling, forms, client-side interactions, and UI behavior in React, Vue, Svelte, vanilla HTML/CSS/JS, or similar frameworks. Use for frontend implementation and frontend bug fixes.
- License
- MIT
- Instructions
- 29 lines in SKILL.md · view on GitHub
Agent Skills spec issues
- name: "frontend" does not match folder "03-frontend"
Files (1)
- SKILL.md
SKILL.md (first lines)
# Frontend ## Workflow 1. Read existing component, styling, routing, state, and test patterns. 2. Implement the smallest change that fits the local design system. 3. Handle loading, empty, error, retry, disabled, and permission-limited states when data or actions are involved. 4. Verify responsive behavior and text fit for likely viewport sizes. 5. Add focused tests for user-visible behavior when risk justifies it. ## Required Checks - Use semantic HTML first; add ARIA only when native semantics are insufficient. - Ensure keyboard reachability and visible focus for interactive controls. - Keep state ownership clear and avoid unnecessary global state. - Avoid hardcoded date, number, currency, and user-facing locale formatting. - Avoid unrelated refactors, broad formatting churn, and mixing UI changes with infrastructure changes. ## React Guidance - Follow existing project conventions for hooks and state. - Do not add `useMemo` or `useCallback` by default. - Keep effects for synchronization, not derived rendering state. ## Verification Prefer existing commands: unit tests, component tests, lint, typecheck, build, and browser screenshot checks when layout matters.
From PAISHU-AI/PAI-zong-NB-v5.8, MIT.
More from PAISHU-AI/PAI-zong-NB-v5.8
- 0.495score
backend-design
PAISHU-AI
Design backend architecture, service boundaries, domain models, data flow, async jobs, reliability strategy, error handling, observability, and deployment…
SkillCFreshness: C★ 1Claude Code +9 - 0.493score
code-review
PAISHU-AI
Review code changes for bugs, regressions, security issues, missing tests, API contract breaks, data risks, performance risks, maintainability problems, and…
SkillCFreshness: C★ 1Claude Code +9 - 0.493score
ui-polish
PAISHU-AI
Improve visual quality, spacing, hierarchy, typography, color, motion, icons, empty states, and perceived product quality for desktop and web UI.
SkillCFreshness: C★ 1Claude Code +9 - 0.493score
project-context
PAISHU-AI
Inspect and summarize project context before coding.
SkillCFreshness: C★ 1Claude Code +9 - 0.490score
database
PAISHU-AI
Design and modify database schemas, migrations, SQL queries, indexes, transactions, constraints, and query performance.
SkillCFreshness: C★ 1Claude Code +9 - 0.490score
security
PAISHU-AI
Analyze and implement security-sensitive code involving authentication, authorization, tokens, sessions, uploads, payment, encryption, secrets, webhooks…
SkillCFreshness: C★ 1Claude Code +9 - 0.490score
devops
PAISHU-AI
Work on Docker, deployment, CI/CD, environment variables, server configuration, build pipelines, health checks, logs, monitoring, rollbacks, infrastructure…
SkillCFreshness: C★ 1Claude Code +9 - 0.490score
performance
PAISHU-AI
Diagnose and improve frontend, backend, database, build, memory, CPU, and network performance.
SkillCFreshness: C★ 1Claude Code +9 - 0.490score
i18n
PAISHU-AI
Internationalize and localize user interfaces, APIs, documents, and formatting.
SkillCFreshness: C★ 1Claude Code +9 - 0.490score
docs-rules
PAISHU-AI
Create and maintain README files, API docs, usage docs, comments, AGENTS.md, .ai_project.md, prompt rules, skill files, and project conventions.
SkillCFreshness: C★ 1Claude Code +9 - 0.490score
api-client
PAISHU-AI
Build and maintain API client layers for desktop and web apps, including request wrappers, typed clients, authentication headers, retries, cancellation…
SkillCFreshness: C★ 1Claude Code +9 - 0.490score
web-app
PAISHU-AI
Build and improve API-driven web applications, dashboards, admin panels, SaaS tools, and browser-based product UI.
SkillCFreshness: C★ 1Claude Code +9
Signals
- Stars
- 1
- Forks
- 1
- Open issues
- 0
- Last commit (this folder)
- Jul 18, 2026 (3 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- MIT
- Repository
- github.com/PAISHU-AI/PAI-zong-NB-v5.8
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from PAISHU-AI
- 0.495score
backend-design
PAISHU-AI
Design backend architecture, service boundaries, domain models, data flow, async jobs, reliability strategy, error handling, observability, and deployment…
SkillCFreshness: C★ 1Claude Code +9 - 0.493score
ui-polish
PAISHU-AI
Improve visual quality, spacing, hierarchy, typography, color, motion, icons, empty states, and perceived product quality for desktop and web UI.
SkillCFreshness: C★ 1Claude Code +9 - 0.493score
code-review
PAISHU-AI
Review code changes for bugs, regressions, security issues, missing tests, API contract breaks, data risks, performance risks, maintainability problems, and…
SkillCFreshness: C★ 1Claude Code +9 - 0.493score
project-context
PAISHU-AI
Inspect and summarize project context before coding.
SkillCFreshness: C★ 1Claude Code +9 - 0.490score
api-design
PAISHU-AI
Design REST, GraphQL, RPC, webhook, and internal service APIs.
SkillCFreshness: C★ 1Claude Code +9 - 0.490score
ui-design
PAISHU-AI
Design practical user interfaces, flows, information architecture, layout systems, component states, and design tokens.
SkillCFreshness: C★ 1Claude Code +9
Cite this page
frontend skill. Agent Mart. https://agentmart.dev/skills/paishu-ai-frontend (last updated 2026-10-24)