skills.rest
Starchild-ai-agent
Starchild-ai-agentOFFICIAL
Explore all skills by this author →
GitHub

@349/starchild-design-pack

Design interfaces and generate Starchild design tokens for frontend code changes.

1|2|Updated Feb 25, 2026
Search Tags:#design#ui#frontend#ux#design-system#vibe-coding
One-click install
npx skills add https://github.com/Starchild-ai-agent/community-skills --skill 349-starchild-design-pack
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: @349/starchild-design-pack
Source: https://github.com/Starchild-ai-agent/community-skills/tree/main/349/starchild-design-pack
Command: npx skills add https://github.com/Starchild-ai-agent/community-skills --skill 349-starchild-design-pack

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides a comprehensive framework for designing and implementing user interfaces, ensuring consistency, quality, and adherence to the Starchild aesthetic. It helps users create interfaces, review UI/UX, build design systems, and translate UX guidance into frontend code.

Core Features & Use Cases

  • UI/UX Design & Review: Act as a design lead to conceptualize, refine, and audit interfaces.
  • Design System Implementation: Generate and apply design tokens, components, and interaction rules.
  • Frontend Development Guidance: Provide actionable plans for turning UX concepts into concrete code changes.
  • Use Case: A user wants to design a new dashboard for a crypto trading platform. This Skill can provide layout direction, define Starchild-aligned visual tokens, and outline the implementation steps for frontend developers.

Quick Start

Use the starchild-design-pack skill to design a new user profile page following Starchild visual tokens.

Frequently Asked Questions about @349/starchild-design-pack

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

FAQPage Schema
How do I design and implement a UI with a consistent design system?▼

To design and implement UI with a consistent design system, use this skill to generate visual tokens, critique UX layouts, and translate design guidance directly into frontend code changes.

What is the best way to turn UX guidance into frontend code changes?▼

The best way to turn UX guidance into frontend code is using this skill to provide actionable implementation plans, applying Starchild visual tokens to ensure interface consistency during development.

Can I use this to create design tokens for a crypto trading dashboard?▼

Yes, you can create design tokens for a crypto trading dashboard by leveraging this skill to define layout direction and generate Starchild-aligned visual tokens for frontend developers.

How does UI/UX critique work for auditing existing interfaces?▼

UI/UX critique works by acting as a design lead to conceptualize, refine, and audit interfaces, ensuring adherence to the Starchild aesthetic and identifying areas for visual improvement.

Do I need to specify visual tokens for frontend development?▼

You do not need to specify visual tokens manually for frontend development; this skill defaults to Starchild visual tokens unless you explicitly provide alternative design system parameters.

Related Skills

Explore More Design & Creative Skills→
BellaBeBellaBe
37

product-design-wireframes

Convert user flows into wireframe specifications using atomic design hierarchy.

Community
Advanced
mostafa-ismail-2004mostafa-ismail-2004

browser-qa

Automate browser-based UI checks to report functional, visual, and accessibility defects.

Community
Advanced
HemanthTennetiHemanthTenneti

normalize

Normalize frontend UI components to match design system standards and tokens.

Community
Intermediate
dawsonblockdawsonblock

frontend-design

Design and implement responsive UI interfaces for web applications using React and CSS frameworks.

Community
Advanced